better query key factories

src/features/bracket/queries.ts

@@ -2,7 +2,7 @@ import { queryOptions } from "@tanstack/react-query";
 import { previewBracket } from "./server";
 
 const bracketKeys = {
-  preview: (teams: number) => ['bracket-preview', teams] as const,
+  preview: (teams: number) => ['bracket', 'preview', teams] as const,
 };
 
 export const bracketQueries = {

src/features/teams/queries.ts

@@ -2,7 +2,7 @@ import { queryOptions } from "@tanstack/react-query";
 import { getTeam } from "./server";
 
 const teamKeys = {
-  details: (id: string) => ['teams', id] as const,
+  details: (id: string) => ['teams', 'details', id] as const,
 };
 
 export const teamQueries = {

src/features/tournaments/queries.ts

@@ -2,8 +2,8 @@ import { queryOptions, useQuery } from "@tanstack/react-query";
 import { getTournament, listTournaments } from "./server";
 
 const tournamentKeys = {
-  list: ['tournaments'] as const,
-  details: (id: string) => [...tournamentKeys.list, id] as const,
+  list: ['tournaments', 'list'] as const,
+  details: (id: string) => ['tournaments', 'details', id] as const,
 };
 
 export const tournamentQueries = {