significant refactor

src/app/routes/_authed/teams.$teamId.tsx

@@ -1,6 +1,7 @@
-import Page from "@/components/page";
 import TeamProfile from "@/features/teams/components/team-profile";
 import { teamQueries } from "@/features/teams/queries";
+import { ensureServerQueryData } from "@/lib/tanstack-query/utils/ensure";
+import { prefetchServerQuery } from "@/lib/tanstack-query/utils/prefetch";
 import { redirect, createFileRoute } from "@tanstack/react-router";
 import { z } from "zod";
 
@@ -12,19 +13,17 @@ export const Route = createFileRoute("/_authed/teams/$teamId")({
   validateSearch: searchSchema,
   beforeLoad: async ({ params, context }) => {
     const { queryClient } = context;
-    const team = await queryClient.ensureQueryData(teamQueries.details(params.teamId))
-    if (!team) throw redirect({ to: '/' });
-    return { team }
+    await prefetchServerQuery(queryClient, teamQueries.details(params.teamId));
   },
   loader: ({ params }) => ({
     header: {
       collapsed: true,
-      withBackButton: true
+      withBackButton: true,
     },
-    refresh: [teamQueries.details(params.teamId).queryKey]
+    refresh: [teamQueries.details(params.teamId).queryKey],
   }),
   component: () => {
-    const { team } = Route.useRouteContext();
-    return <TeamProfile team={team} />
+    const { teamId } = Route.useParams();
+    return <TeamProfile id={teamId} />;
   },
-})
+});