performance improvments

apps/admin/src/app/layout.tsx

@@ -10,6 +10,7 @@ import {
 } from "@clerk/nextjs";
 import { Sidebar } from "@/components/ui/Sidebar";
 import { Toaster } from "sonner";
+import { QueryProvider } from "@/components/providers/QueryProvider";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -25,15 +26,17 @@ export default function RootLayout({
 }) {
   return (
     <ClerkProvider>
-      <html lang="en">
-        <body className={inter.className}>
-          <div className="flex min-h-screen bg-slate-50">
-            <Sidebar />
-            <main className="flex-1 ml-20 p-8">{children}</main>
-          </div>
-          <Toaster richColors position="top-right" />
-        </body>
-      </html>
+      <QueryProvider>
+        <html lang="en">
+          <body className={inter.className}>
+            <div className="flex min-h-screen bg-slate-50">
+              <Sidebar />
+              <main className="flex-1 ml-20 p-8">{children}</main>
+            </div>
+            <Toaster richColors position="top-right" />
+          </body>
+        </html>
+      </QueryProvider>
     </ClerkProvider>
   );
 }