Implement StatsContext for centralized statistics management and refactor App component to utilize context

src/main.tsx

@@ -5,6 +5,7 @@ import './index.css'
 import './i18n'
 import { ThemeProvider } from './contexts/ThemeContext'
 import { ServerProvider } from './contexts/ServerContext'
+import { StatsProvider } from './contexts/StatsContext'
 import ScrollToTop from './components/ScrollToTop'
 import App from './App.tsx'
 import Friends from './pages/Friends.tsx'
@@ -15,18 +16,20 @@ import Forum from './pages/Forum.tsx'
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <ThemeProvider>
-      <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 />} />
-          </Routes>
-        </Router>
-      </ServerProvider>
+      <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 />} />
+            </Routes>
+          </Router>
+        </ServerProvider>
+      </StatsProvider>
     </ThemeProvider>
   </StrictMode>,
 )