feat: add policy pages

app/layout.tsx

@@ -1,20 +1,11 @@
 import type { Metadata } from "next";
-import { Suspense } from "react";
 import { Geist, Geist_Mono, Lora, Bricolage_Grotesque } from "next/font/google";
 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 { SharePostProvider } from "@/components/social/share-post-provider";
 import { Toaster } from "@/components/ui/toaster";
 import "./globals.css";
@@ -56,6 +47,13 @@ export const metadata: Metadata = {
   ...ogDefault(),
 };
 
+/**
+ * Root layout — html/body shell + global providers + truly global widgets
+ * (toaster, floating audio player). Per-route chrome lives in the route
+ * groups beneath this:
+ *   • (app)/   — sidebar, header, bottom nav, reading affordances
+ *   • (legal)/ — header only, minimal chrome
+ */
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -79,19 +77,11 @@ export default function RootLayout({
               <AudioPlayerProvider>
                 <TooltipProvider>
                   <SharePostProvider>
-                    <VerifyEmailBanner />
-                    <SiteSidebar />
-                    <div className="flex-1 flex flex-col md:pl-16 pb-16 md:pb-0">
-                      <SiteHeader />
-                      {children}
-                    </div>
-                    <SiteBottomNav />
-                    <TextSelectionToolbar />
-                    <Suspense fallback={null}>
-                      <TextHighlighter />
-                    </Suspense>
+                    {children}
+                    {/* Toaster and FloatingPlayer are global — toasts and
+                        currently-playing audio survive navigation between
+                        route groups. */}
                     <FloatingPlayer />
-                    <PageBookmarks />
                     <Toaster />
                   </SharePostProvider>
                 </TooltipProvider>