Add navbar music player with floating ambient panel.

Move ambient audio into a top-nav toggle that opens a retro floating player while keeping playback running when collapsed.

app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata, Viewport } from "next";
 import { Press_Start_2P, Share_Tech_Mono } from "next/font/google";
 import { ThemeProvider } from "next-themes";
 
-import { GlobalAmbientAudio } from "@/components/layout/global-ambient-audio";
+import { AmbientAudioProvider } from "@/components/layout/ambient-audio-provider";
 import { GlobalBottomNav } from "@/components/layout/global-bottom-nav";
 import { SiteHeader } from "@/components/layout/site-header";
 import { ToastProvider } from "@/components/ui/toast-provider";
@@ -54,10 +54,11 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           <ToastProvider>
-            <SiteHeader />
-            <div className="flex min-h-dvh flex-col pt-topbar">{children}</div>
-            <GlobalAmbientAudio />
-            <GlobalBottomNav />
+            <AmbientAudioProvider>
+              <SiteHeader />
+              <div className="flex min-h-dvh flex-col pt-topbar">{children}</div>
+              <GlobalBottomNav />
+            </AmbientAudioProvider>
           </ToastProvider>
         </ThemeProvider>
       </body>