live action

frontend/src/main.tsx

@@ -5,16 +5,22 @@ import App from "./App";
 import "./index.css";
 import { ThemeProvider } from "./providers/theme-provider";
 import { AuthProvider } from "./providers/auth-provider";
+import { SocketProvider } from "./providers/socket-provider";
+import { LiveProvider } from "./providers/live-provider";
 import { Toaster } from "./components/ui/toaster";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <ThemeProvider>
       <AuthProvider>
-        <BrowserRouter>
-          <App />
-          <Toaster />
-        </BrowserRouter>
+        <SocketProvider>
+          <LiveProvider>
+            <BrowserRouter>
+              <App />
+              <Toaster />
+            </BrowserRouter>
+          </LiveProvider>
+        </SocketProvider>
       </AuthProvider>
     </ThemeProvider>
   </React.StrictMode>