Implement centralized server data polling with context management

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 { ServerProvider } from './contexts/ServerContext'
 import ScrollToTop from './components/ScrollToTop'
 import App from './App.tsx'
 import Friends from './pages/Friends.tsx'
@@ -14,16 +15,18 @@ import Forum from './pages/Forum.tsx'
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <ThemeProvider>
-      <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>
+        <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>
     </ThemeProvider>
   </StrictMode>,
 )