feat: improve profile navigation and responsive privacy UX

src/app/layout.tsx

@@ -49,7 +49,7 @@ export default async function RootLayout({
 
   return (
     <html lang="fa" dir="rtl" suppressHydrationWarning>
-      <body className={`${vazirmatn.variable} font-sans antialiased`}>
+      <body className={`${vazirmatn.variable} flex min-h-svh flex-col font-sans antialiased`}>
         <Providers>
           <a
             href="#main-content"
@@ -61,12 +61,12 @@ export default async function RootLayout({
             <RouteProgress />
           </Suspense>
           <Navbar siteContent={siteContent} />
-          <div className="min-h-screen pb-28 md:pb-0">
-            <div id="main-content" tabIndex={-1} className="outline-none">
+          <div className="flex min-h-[calc(100svh-4.5rem)] flex-1 flex-col pb-28 md:pb-0">
+            <div id="main-content" tabIndex={-1} className="flex-1 outline-none">
               {children}
             </div>
-            <Footer siteContent={siteContent} />
           </div>
+          <Footer siteContent={siteContent} />
           <MobileBottomNav siteContent={siteContent} />
         </Providers>
       </body>