significant refactor

src/features/teams/queries.ts

@@ -1,13 +1,16 @@
-import { queryOptions } from "@tanstack/react-query";
+import { useServerSuspenseQuery } from "@/lib/tanstack-query/hooks";  
 import { getTeam } from "./server";
 
-const teamKeys = {
+export const teamKeys = {
   details: (id: string) => ['teams', 'details', id] as const,
 };
 
 export const teamQueries = {
-  details: (id: string) => queryOptions({
+  details: (id: string) => ({
     queryKey: teamKeys.details(id),
     queryFn: () => getTeam({ data: id }),
   }),
 };
+
+export const useTeam = (id: string) =>
+  useServerSuspenseQuery(teamQueries.details(id));