new features, bookstack

frontend/src/main.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
-import { CssBaseline, ThemeProvider } from '@mui/material';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { lightTheme } from './theme/theme';
+import { ThemeModeProvider } from './contexts/ThemeContext';
 import App from './App';
 
 const queryClient = new QueryClient({
@@ -20,12 +19,11 @@ const queryClient = new QueryClient({
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <BrowserRouter future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
-      <ThemeProvider theme={lightTheme}>
-        <CssBaseline />
+      <ThemeModeProvider>
         <QueryClientProvider client={queryClient}>
           <App />
         </QueryClientProvider>
-      </ThemeProvider>
+      </ThemeModeProvider>
     </BrowserRouter>
   </React.StrictMode>,
 );