feat(frontend): add mobile bottom nav and redesign profile

src/app/layout.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
 import { Suspense } from "react";
+import MobileBottomNav from "@/components/MobileBottomNav";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
 import Providers from "@/components/providers";
@@ -39,8 +40,11 @@ export default function RootLayout({
             <RouteProgress />
           </Suspense>
           <Navbar />
-          {children}
-          <Footer />
+          <div className="min-h-screen pb-28 md:pb-0">
+            {children}
+            <Footer />
+          </div>
+          <MobileBottomNav />
         </Providers>
       </body>
     </html>