chore(web): fix navbar and footer mobile responsiveness

web/components/Footer.tsx

@@ -30,7 +30,14 @@ export default function Footer() {
         justify={'center'}
         align={'center'}
       >
-        <Stack direction={'row'} spacing={6}>
+        <Stack
+          direction={{
+            base: 'column',
+            sm: 'column',
+            md: 'row',
+          }}
+          spacing={6}
+        >
           <Link href='/'>Home</Link>
           <Link href='/dashboard'>Dashboard</Link>
           <NoSSRAnimatedWrapper>

web/components/Navbar.tsx

@@ -81,11 +81,11 @@ export default function Navbar() {
               </Link>
             </Menu>
 
-            <Menu>
+            {/* <Menu>
               <Link href='https://github.com/vernu/textbee' passHref>
                 <MenuButton>Github</MenuButton>
               </Link>
-            </Menu>
+            </Menu> */}
 
             {!authUser && (
               <Menu>