Fix layout issue (specifically to disallow scrolling on mobile)

app/[lang]/components/HamburgerMenu.tsx

@@ -9,7 +9,6 @@ import Link from "next-intl/link";
 import { useTranslations } from "next-intl";
 
 import useHamburgerClose from "@/hooks/useHamburgerClose";
-import ThemeSwitcher from "./ThemeSwitcher";
 
 const HamburgerMenu = ({
   menuVisible,
@@ -25,7 +24,7 @@ const HamburgerMenu = ({
     timeoutRef.current = setTimeout(() => {
       setMenuVisible(false);
       setMouseOverMenu(false);
-    }, 2000);
+    }, 4000);
   };
 
   const handleMouseEnterMenu = () => {

app/[lang]/components/TestableLayout.tsx

@@ -16,11 +16,9 @@ const TestableLayout = ({
 }) => {
   return (
     <NextIntlClientProvider locale={locale} messages={messages}>
-      <div className="flex min-h-screen flex-col bg-white font-sans leading-normal tracking-normal dark:bg-gray-800">
+      <div className="bg-white font-sans leading-normal tracking-normal dark:bg-gray-800">
         <Navbar />
-        <div className="relative mb-20 flex flex-1 justify-center">
-          {children}
-        </div>
+        <div className="relative h-content overflow-scroll">{children}</div>
         <Footer />
       </div>
     </NextIntlClientProvider>