feat: integrate Socket.IO for real-time communication; add socket connection management and token refresh handling

src/App.tsx

@@ -1,6 +1,7 @@
 import { Routes, Route, Navigate } from 'react-router'
 import { ThemeProvider } from './components/ThemeProvider'
 import { AuthProvider, useAuth } from './contexts/AuthContext'
+import { SocketProvider } from './contexts/SocketContext'
 import { LoginPage } from './pages/LoginPage'
 import { RegisterPage } from './pages/RegisterPage'
 import { AuthCallbackPage } from './pages/AuthCallbackPage'
@@ -42,8 +43,10 @@ function App() {
   return (
     <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
       <AuthProvider>
-        <AppRoutes />
-        <Toaster />
+        <SocketProvider>
+          <AppRoutes />
+          <Toaster />
+        </SocketProvider>
       </AuthProvider>
     </ThemeProvider>
   )