feat:add pages

.gitignore

@@ -2,4 +2,5 @@ build/bin
 node_modules
 frontend/dist
 
-*.txt
+*.txt
+

frontend/src/pages/layouts/MainLayout.jsx

@@ -1,16 +1,23 @@
 
-import { BadgePlus, Import } from "lucide-react";
+import { BadgePlus, Home, Import } from "lucide-react";
 import Button from "../../components/Button";
-import { Outlet } from "react-router-dom";
+import { Outlet, useNavigate } from "react-router-dom";
 
 export default function MainLayout() {
+  const navigate = useNavigate()
+
+
+
 	return (
 		<div className="flex w-full h-screen bg-slate-300">
 			<div className="h-screen w-[300px] bg-slate-700 text-white">
         <ul className="p-4 ">
           <li ><div className="text-4xl text-center">WebMatic</div></li>
           <li className="mt-4">
-            <Button onClick={(e)=>{alert("hello")}}> <BadgePlus></BadgePlus> New Matic </Button>
+            <Button onClick={(e)=>{navigate("/")}}> <Home></Home> Home </Button>
+          </li>
+          <li className="mt-2">
+            <Button onClick={(e)=>{navigate("/new")}}> <BadgePlus></BadgePlus> New Matic </Button>
           </li>
           <li className="mt-2">
             <Button> <Import></Import> Import Matic </Button>

frontend/src/routes/index.jsx

@@ -8,7 +8,7 @@ import NewMatic from "../pages/NewMatic";
 
 const router = createBrowserRouter(createRoutesFromElements(
   <Route path="/" element={<MainLayout></MainLayout>}>
-    <Route path="" element={<NewMatic></NewMatic>}></Route>
+    <Route path="new" element={<NewMatic></NewMatic>}></Route>
   </Route>
 ));