feat(03-02): navigation restructure, TotalsBar refactor, and setup hooks

- Move collection view from / to /collection with gear/planning tabs
- Rewrite / as dashboard with three summary cards (Collection, Planning, Setups)
- Refactor TotalsBar to accept optional stats/linkTo/title props
- Create DashboardCard component for dashboard summary cards
- Create useSetups hooks (CRUD + sync/remove item mutations)
- Update __root.tsx with route-aware TotalsBar, FAB visibility, resolve navigation
- Add item picker and setup delete UI state to uiStore
- Invalidate setups queries on item update/delete for stale data prevention
- Update routeTree.gen.ts with new collection/setups routes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/client/hooks/useSetups.ts

@@ -0,0 +1,107 @@
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { apiGet, apiPost, apiPut, apiDelete } from "../lib/api";
+
+interface SetupListItem {
+  id: number;
+  name: string;
+  createdAt: string;
+  updatedAt: string;
+  itemCount: number;
+  totalWeight: number;
+  totalCost: number;
+}
+
+interface SetupItemWithCategory {
+  id: number;
+  name: string;
+  weightGrams: number | null;
+  priceCents: number | null;
+  categoryId: number;
+  notes: string | null;
+  productUrl: string | null;
+  imageFilename: string | null;
+  createdAt: string;
+  updatedAt: string;
+  categoryName: string;
+  categoryEmoji: string;
+}
+
+interface SetupWithItems {
+  id: number;
+  name: string;
+  createdAt: string;
+  updatedAt: string;
+  items: SetupItemWithCategory[];
+}
+
+export type { SetupListItem, SetupWithItems, SetupItemWithCategory };
+
+export function useSetups() {
+  return useQuery({
+    queryKey: ["setups"],
+    queryFn: () => apiGet<SetupListItem[]>("/api/setups"),
+  });
+}
+
+export function useSetup(setupId: number | null) {
+  return useQuery({
+    queryKey: ["setups", setupId],
+    queryFn: () => apiGet<SetupWithItems>(`/api/setups/${setupId}`),
+    enabled: setupId != null,
+  });
+}
+
+export function useCreateSetup() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: { name: string }) =>
+      apiPost<SetupListItem>("/api/setups", data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["setups"] });
+    },
+  });
+}
+
+export function useUpdateSetup(setupId: number) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (data: { name?: string }) =>
+      apiPut<SetupListItem>(`/api/setups/${setupId}`, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["setups"] });
+    },
+  });
+}
+
+export function useDeleteSetup() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id: number) =>
+      apiDelete<{ success: boolean }>(`/api/setups/${id}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["setups"] });
+    },
+  });
+}
+
+export function useSyncSetupItems(setupId: number) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (itemIds: number[]) =>
+      apiPut<{ success: boolean }>(`/api/setups/${setupId}/items`, { itemIds }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["setups"] });
+    },
+  });
+}
+
+export function useRemoveSetupItem(setupId: number) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (itemId: number) =>
+      apiDelete<{ success: boolean }>(`/api/setups/${setupId}/items/${itemId}`),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["setups"] });
+    },
+  });
+}