feat: add user centric features

app/layout.tsx

@@ -5,12 +5,17 @@ import { ogDefault } from "@/lib/og";
 import { ThemeProvider } from "@/components/theme-provider";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { SiteHeader } from "@/components/site-header";
+import { SiteSidebar } from "@/components/site-sidebar";
+import { SiteBottomNav } from "@/components/site-bottom-nav";
 import { SiteFooter } from "@/components/site-footer";
 import { TextSelectionToolbar } from "@/components/text-selection-toolbar";
 import { TextHighlighter } from "@/components/text-highlighter";
 import { AudioPlayerProvider, FloatingPlayer } from "@/components/audio-player";
 import { AuthProvider } from "@/components/auth/auth-provider";
+import { AuthGateProvider } from "@/components/auth/auth-gate";
 import { VerifyEmailBanner } from "@/components/auth/verify-email-banner";
+import { PageBookmarks } from "@/components/social/page-bookmarks";
+import { Toaster } from "@/components/ui/toaster";
 import "./globals.css";
 
 const geistSans = Geist({
@@ -69,19 +74,27 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           <AuthProvider>
-            <AudioPlayerProvider>
-              <TooltipProvider>
-                <VerifyEmailBanner />
-                <SiteHeader />
-                {children}
-                <TextSelectionToolbar />
-                <Suspense fallback={null}>
-                  <TextHighlighter />
-                </Suspense>
-                <FloatingPlayer />
-                <SiteFooter />
-              </TooltipProvider>
-            </AudioPlayerProvider>
+            <AuthGateProvider>
+              <AudioPlayerProvider>
+                <TooltipProvider>
+                  <VerifyEmailBanner />
+                  <SiteSidebar />
+                  <div className="flex-1 flex flex-col md:pl-16 pb-16 md:pb-0">
+                    <SiteHeader />
+                    {children}
+                    <SiteFooter />
+                  </div>
+                  <SiteBottomNav />
+                  <TextSelectionToolbar />
+                  <Suspense fallback={null}>
+                    <TextHighlighter />
+                  </Suspense>
+                  <FloatingPlayer />
+                  <PageBookmarks />
+                  <Toaster />
+                </TooltipProvider>
+              </AudioPlayerProvider>
+            </AuthGateProvider>
           </AuthProvider>
         </ThemeProvider>
       </body>