feat: wrap app with OIDC AuthProvider

src/main.tsx

@@ -1,17 +1,25 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import { BrowserRouter, Routes, Route } from 'react-router-dom'
+import { AuthProvider } from 'react-oidc-context'
 import './index.css'
 import App from './App.tsx'
 import Monitor from './pages/Monitor.tsx'
+import { oidcConfig } from './auth/config.ts'
+import { AuthWrapper } from './auth/AuthWrapper.tsx'
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <BrowserRouter>
+    <AuthProvider {...oidcConfig}>
-      <Routes>
+      <BrowserRouter>
-        <Route path="/" element={<App />} />
+        <AuthWrapper>
-        <Route path="/monitor" element={<Monitor />} />
+          <Routes>
-      </Routes>
+            <Route path="/" element={<App />} />
-    </BrowserRouter>
+            <Route path="/monitor" element={<Monitor />} />
+            <Route path="/callback" element={<App />} />
+          </Routes>
+        </AuthWrapper>
+      </BrowserRouter>
+    </AuthProvider>
   </StrictMode>,
 )