feat : add favicon and meta tags

src/sections/layout/NavBar.tsx

@@ -8,6 +8,7 @@ import NavMenu from "./NavMenu";
 import { Icon } from "@iconify/react";
 import { useRouter } from "next/router";
 import NavLink from "@/components/NavLink";
+import Image from "next/image";
 
 interface Props {
   darkMode: boolean;
@@ -40,8 +41,18 @@ export default function NavBar({ darkMode, switchDarkMode }: Props) {
           >
             <Icon icon="mdi:menu" />
           </IconButton>
+          <Image
+            src="/favicon-32x32.png"
+            alt="FreeChess logo"
+            width={32}
+            height={32}
+          />
           <NavLink href="/">
-            <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+            <Typography
+              variant="h6"
+              component="div"
+              sx={{ flexGrow: 1, ml: 1 }}
+            >
               Free Chess
             </Typography>
           </NavLink>

src/sections/layout/NavMenu.tsx

@@ -30,7 +30,7 @@ export default function NavMenu({ open, onClose }: Props) {
   return (
     <Drawer anchor="left" open={open} onClose={onClose}>
       <Toolbar />
-      <Box sx={{ width: 250 }}>
+      <Box sx={{ width: 250, overflow: "hidden" }}>
         <List>
           {MenuOptions.map(({ text, icon, href }) => (
             <ListItem key={text} disablePadding sx={{ margin: 0.7 }}>