feat: integrate React Query for data fetching and state management across dashboard components

apps/web/app/dashboard/layout.tsx

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react'
 import Sidebar from '@/components/sidebar'
+import { ReactQueryProvider } from '@/components/query-provider'
 
 export default function DashboardLayout({ children }: { children: ReactNode }) {
   return (
@@ -10,7 +11,9 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
       <div className="flex min-w-0 flex-1 flex-col">
         <main className="flex-1 overflow-y-auto pt-14 lg:pt-0">
           <div className="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
-            {children}
+            <ReactQueryProvider>
+              {children}
+            </ReactQueryProvider>
           </div>
         </main>
       </div>