feat(events): migrate events workspace to TanStack Query and shared loading screen

Author: Yasir761

web/package.json

@@ -14,6 +14,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@supabase/supabase-js": "^2.95.3",
+    "@tanstack/react-query": "^5.101.2",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.18",
     "@uiw/react-json-view": "^2.0.0-alpha.42",

web/src/app/(dashboard)/events/page.tsx

@@ -17,7 +17,7 @@ async function getEvents(): Promise<Event[]> {
         cache: "no-store",
       }
     )
-
+    console.log(res)
     if (!res.ok) {
       return []
     }
@@ -38,10 +38,38 @@ export default async function EventsPage() {
   }
 
   const events = await getEvents()
+  console.log("Server Events:", events.length)
 
   return (
     <EventsWorkspaceClient
   initialEvents={events}
 />
   )
-}
+}
+
+
+
+// export const dynamic = "force-dynamic"
+
+// import { redirect } from "next/navigation"
+
+// import { getCurrentUser } from "@/lib/auth"
+// import { getEvents } from "@/lib/services/events"
+
+// import { EventsWorkspaceClient } from "@/components/events/events-workspace-client"
+
+// export default async function EventsPage() {
+//   const user = await getCurrentUser()
+
+//   if (!user) {
+//     redirect("/login")
+//   }
+
+//   const data = await getEvents()
+
+//   return (
+//     <EventsWorkspaceClient
+//       initialEvents={data?.items ?? []}
+//     />
+//   )
+// }