feat: wire AuthProvider and DataProvider into main.tsx

src/main.tsx

@@ -9,6 +9,8 @@ import { CampaignsPage } from "@/pages/campaigns";
 import { LeadWorkspacePage } from "@/pages/lead-workspace";
 import { LoginPage } from "@/pages/login";
 import { OutreachPage } from "@/pages/outreach";
+import { AuthProvider } from "@/providers/auth-provider";
+import { DataProvider } from "@/providers/data-provider";
 import { RouteProvider } from "@/providers/router-provider";
 import { ThemeProvider } from "@/providers/theme-provider";
 import "@/styles/globals.css";
@@ -16,8 +18,10 @@ import "@/styles/globals.css";
 createRoot(document.getElementById("root")!).render(
     <StrictMode>
         <ThemeProvider>
-            <BrowserRouter>
-                <RouteProvider>
+            <AuthProvider>
+                <DataProvider>
+                    <BrowserRouter>
+                        <RouteProvider>
                     <Routes>
                         <Route path="/login" element={<LoginPage />} />
                         <Route
@@ -35,8 +39,10 @@ createRoot(document.getElementById("root")!).render(
                             <Route path="*" element={<NotFound />} />
                         </Route>
                     </Routes>
-                </RouteProvider>
-            </BrowserRouter>
+                        </RouteProvider>
+                    </BrowserRouter>
+                </DataProvider>
+            </AuthProvider>
         </ThemeProvider>
     </StrictMode>,
 );