moved ConfigProvider up in the hierarchy (to main.jsx) to wrap the whole App

frontend/src/main.jsx

@@ -3,8 +3,15 @@ import { createRoot } from 'react-dom/client'
 import './css/index.css'
 import App from './components/App.jsx'
 
+import { ThemeProvider } from './contexts/ThemeContext.jsx'
+import { ConfigProvider } from './contexts/ConfigContext.jsx'
+
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    <App />
+    <ThemeProvider>
+        <ConfigProvider>
+          <App />
+        </ConfigProvider>
+      </ThemeProvider>
   </StrictMode>,
 )