significant refactor

src/app/routes/_authed/tournaments/$tournamentId.tsx

@@ -1,16 +1,8 @@
 import { createFileRoute } from '@tanstack/react-router'
 import { tournamentQueries } from '@/features/tournaments/queries';
-import Page from '@/components/page'
-import { useQuery } from '@tanstack/react-query';
-import { Box, Group, Title } from '@mantine/core';
-import { useSheet } from '@/hooks/use-sheet';
-import Sheet from '@/components/sheet/sheet';
-import { Tournament } from '@/features/tournaments/types';
-import TeamList from '@/features/teams/components/team-list';
-import Button from '@/components/button';
-import Avatar from '@/components/avatar';
 import Profile from '@/features/tournaments/components/profile';
 import { z } from "zod";
+import { prefetchServerQuery } from '@/lib/tanstack-query/utils/prefetch';
 
 const searchSchema = z.object({
   tab: z.string().optional(),
@@ -20,7 +12,7 @@ export const Route = createFileRoute('/_authed/tournaments/$tournamentId')({
   validateSearch: searchSchema,
   beforeLoad: async ({ context, params }) => {
     const { queryClient } = context;
-    await queryClient.ensureQueryData(tournamentQueries.details(params.tournamentId))
+    await prefetchServerQuery(queryClient, tournamentQueries.details(params.tournamentId))
   },
   loader: ({ params, context }) => ({
     header: {
@@ -35,6 +27,6 @@ export const Route = createFileRoute('/_authed/tournaments/$tournamentId')({
 })
 
 function RouteComponent() {
-  const { data: tournament } = useQuery(tournamentQueries.details(Route.useParams().tournamentId));
-  return <Profile tournament={tournament!} />
+  const tournamentId = Route.useParams().tournamentId;
+  return <Profile id={tournamentId} />
 }