Implement authentication context and API utility functions for authenticated requests

src/main.tsx

@@ -4,6 +4,7 @@ import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
 import './index.css'
 import './i18n'
 import { ThemeProvider } from './contexts/ThemeContext'
+import { AuthProvider } from './contexts/AuthContext'
 import { ServerProvider } from './contexts/ServerContext'
 import { StatsProvider } from './contexts/StatsContext'
 import ScrollToTop from './components/ScrollToTop'
@@ -17,21 +18,23 @@ import AuthCallback from './pages/AuthCallback.tsx'
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <ThemeProvider>
-      <StatsProvider>
-        <ServerProvider>
-          <Router>
-            <ScrollToTop />
-            <Routes>
-              <Route path="/" element={<App />} />
-              <Route path="/friends" element={<Friends />} />
-              <Route path="/blog" element={<Blog />} />
-              <Route path="/servers" element={<Servers />} />
-              <Route path="/forum" element={<Forum />} />
-              <Route path="/auth/callback" element={<AuthCallback />} />
-            </Routes>
-          </Router>
-        </ServerProvider>
-      </StatsProvider>
+      <AuthProvider>
+        <StatsProvider>
+          <ServerProvider>
+            <Router>
+              <ScrollToTop />
+              <Routes>
+                <Route path="/" element={<App />} />
+                <Route path="/friends" element={<Friends />} />
+                <Route path="/blog" element={<Blog />} />
+                <Route path="/servers" element={<Servers />} />
+                <Route path="/forum" element={<Forum />} />
+                <Route path="/auth/callback" element={<AuthCallback />} />
+              </Routes>
+            </Router>
+          </ServerProvider>
+        </StatsProvider>
+      </AuthProvider>
     </ThemeProvider>
   </StrictMode>,
 )