feat: implement auth flow and app initialization

src/app/layout.tsx

@@ -2,7 +2,7 @@ import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import './globals.css';
 import { ThemeProvider } from '@/providers/ThemeProvider';
-import AuthProvider from '@/providers/AuthProvider';
+import AppInitializer from '@/providers/AppInitializer';
 import QueryProvider from '@/providers/QueryProvider';
 import { Toaster } from '@/components/ui/sonner';
 import { BackgroundGradient } from '@/components/background-gradient';
@@ -37,13 +37,13 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           <QueryProvider>
-            <AuthProvider>
+            <AppInitializer>
               <div className="relative min-h-screen isolate">
                 <BackgroundGradient />
                 {children}
               </div>
               <Toaster position="top-center" />
-            </AuthProvider>
+            </AppInitializer>
           </QueryProvider>
         </ThemeProvider>
       </body>