(FEAT): Created the other pages, empty for now.

web/src/App.tsx

@@ -4,6 +4,10 @@ import WebLayout from "./layouts/WebLayout";
 import NotFound from './pages/NotFound';
 
 import ROUTE_CONSTANTS from './types/routes';
+import Create from './pages/Create';
+import Favorites from './pages/Favorites';
+import Profile from './pages/Profile';
+import ShoppingList from './pages/ShoppingList';
 
 function App() {
   return (
@@ -13,6 +17,11 @@ function App() {
         <Route path="/v2/web" element={<WebLayout />}>
           <Route index element={<Navigate to={ROUTE_CONSTANTS.Home} replace />} />
           <Route path="home" element={<Home />} />
+          <Route path="favorites" element={<Favorites />} />
+          <Route path="create" element={<Create />} />
+          <Route path="profile" element={<Profile />} />
+          <Route path="list" element={<ShoppingList />} />
+
           {/* <Route path="recipe/:id" element={<Home />} /> */}
 
         </Route>

web/src/layouts/WebLayout.tsx

@@ -6,8 +6,12 @@ export default function WebLayout() {
 
   return (
     <>
+      <div className="bg-gray-100 min-h-[100vh]">
         <Navigation />
+        <div className="pt-0 md:pt-14">
           <Outlet />
+        </div>
+      </div>
     </>
 
   );

web/src/pages/Create.tsx

@@ -0,0 +1,8 @@
+
+export default function Create() {
+  return (
+    <>
+      <p>Create</p>
+    </>
+  );
+}

web/src/pages/Favorites.tsx

@@ -0,0 +1,7 @@
+export default function Favorites() {
+  return (
+    <>
+      <p>Favorites</p>
+    </>
+  );
+}

web/src/pages/Home.tsx

@@ -1,9 +1,7 @@
-
-
 export default function Home() {
   return (
     <>
-      <p className="text-red-500">Hello world </p>
+      <p>Home</p>
     </>
   );
 }

web/src/pages/Profile.tsx

@@ -0,0 +1,7 @@
+export default function Profile() {
+  return (
+    <>
+      <p>Profile</p>
+    </>
+  );
+}

web/src/pages/ShoppingList.tsx

@@ -0,0 +1,7 @@
+export default function ShoppingList() {
+  return (
+    <>
+      <p>ShoppingList</p>
+    </>
+  );
+}