v2 Phase 5: incredible UI pass — deep interlinking + Teams hub

- Match cards surface the model's pre-match expectation (favoured team + win%).
- Everything is now clickable: group-table + odds-table team rows → team
  profiles; bracket matches → match pages; match ↔ team cross-links.
- New /teams hub: all 48 nations ranked by title odds, linking to profiles
  (reachable from Groups + every team link; back-links point here).
- Predict → Methodology link ('How & how accurate'); cohesive hover/transition
  polish across cards.
- 26 tests pass; build clean.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/components/GroupTable.tsx

@@ -1,3 +1,4 @@
+import { Link } from '@tanstack/react-router';
 import { cn } from '@/lib/cn';
 import { teamFlag } from '@/lib/teams';
 import type { StandingRow } from '@/lib/types';
@@ -30,7 +31,7 @@ export function GroupTable({ group, rows }: { group: string; rows: StandingRow[]
               )}
             >
               <td className="px-3 py-1.5">
-                <span className="flex items-center gap-2">
+                <Link to="/team/$name" params={{ name: r.team }} className="flex items-center gap-2 hover:text-accent">
                   <span
                     className={cn(
                       'w-4 text-center text-[11px] font-bold tabular-nums',
@@ -41,7 +42,7 @@ export function GroupTable({ group, rows }: { group: string; rows: StandingRow[]
                   </span>
                   <span aria-hidden className="text-base leading-none">{teamFlag(r.team)}</span>
                   <span className="truncate text-ink">{r.team}</span>
-                </span>
+                </Link>
               </td>
               <td className="py-1.5 text-center tabular-nums text-muted">{r.played}</td>
               <td className="py-1.5 text-center tabular-nums text-muted">