Add login and signature

components/layout/defaultLayout.tsx

@@ -1,7 +1,16 @@
-import { FC } from "react";
-import { AppBar, Box, Container, Toolbar, Typography } from "@mui/material";
+import React, { FC } from "react";
+import {
+  AppBar,
+  Box,
+  Button,
+  Container,
+  Link as MuiLink,
+  Toolbar,
+  Typography,
+} from "@mui/material";
 import { Styling } from "../general/styling";
-import { DefaultNavbar } from "./defaultNavbar";
+import { BreadCrumbs } from "./breadCrumbs";
+import Link from "next/link";
 
 export const DefaultLayout: FC = ({ children }) => (
   <Styling>
@@ -20,11 +29,23 @@ export const DefaultLayout: FC = ({ children }) => (
           <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
             OpenFood
           </Typography>
+          <Box sx={{ display: "flex", gap: 2 }}>
+            <Link href="/auth/login" passHref>
+              <MuiLink>
+                <Button>Login</Button>
+              </MuiLink>
+            </Link>
+            <Link href="/auth/sign-up" passHref>
+              <MuiLink>
+                <Button>Sign up</Button>
+              </MuiLink>
+            </Link>
+          </Box>
         </Toolbar>
       </AppBar>
       <Box sx={{ flexGrow: 1, pt: 2 }}>
         <Container maxWidth="sm">
-          <DefaultNavbar />
+          <BreadCrumbs />
 
           <Box sx={{ p: 2 }}>{children}</Box>
         </Container>