theme draft 1

frontend/src/main.tsx

@@ -5,10 +5,12 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import axios from 'axios';
 import { ToastProvider } from './components/ToastContext';
 import { setupAuthInterceptors } from './auth/authInterceptor';
+import { ThemeProvider, initializeThemeMode } from './theme/ThemeProvider';
 import App from './App';
 import './index.css';
 
 setupAuthInterceptors(axios);
+initializeThemeMode();
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -26,9 +28,11 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>
       <BrowserRouter>
-        <ToastProvider>
-          <App />
-        </ToastProvider>
+        <ThemeProvider>
+          <ToastProvider>
+            <App />
+          </ToastProvider>
+        </ThemeProvider>
       </BrowserRouter>
     </QueryClientProvider>
   </React.StrictMode>