Workspaces in Workspaces all around

src/apps/officer-web/frontend.tsx

@@ -2,7 +2,7 @@ import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { App } from './App';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ThemeProvider } from '@/components/ui/ThemeProvider';
+import { ColorModeProvider } from '@/components/ui/ThemeProvider';
 import { I18nBridge } from '@/lib/I18nBridge';
 import { Toaster } from '@/components/ui/toaster';
 import { Toaster as Sonner } from 'sonner';
@@ -34,7 +34,7 @@ const elem = document.getElementById('root')!;
 const app = (
   <StrictMode>
     <QueryClientProvider client={queryClient}>
-      <ThemeProvider defaultTheme="light" storageKey="officer-theme">
+      <ColorModeProvider>
         <I18nBridge>
           <TooltipProvider>
             <Toaster />
@@ -42,7 +42,7 @@ const app = (
             <App />
           </TooltipProvider>
         </I18nBridge>
-      </ThemeProvider>
+      </ColorModeProvider>
     </QueryClientProvider>
   </StrictMode>
 );