feat: Implement HLS video segment preloading and caching using a service worker.

app/layout.tsx

@@ -3,6 +3,8 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/ThemeProvider";
 import { Analytics } from "@vercel/analytics/react";
+import { ServiceWorkerRegister } from "@/components/ServiceWorkerRegister";
+import { HistoryDownloader } from "@/lib/hooks/useHistoryDownloader";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -33,6 +35,8 @@ export default function RootLayout({
         <ThemeProvider>
           {children}
           <Analytics />
+          <ServiceWorkerRegister />
+          <HistoryDownloader />
         </ThemeProvider>
 
         {/* ARIA Live Region for Screen Reader Announcements */}