feat(ui): breadcrumb navigation for nested dashboard pages

[comwanga]

Summary

Adds contextual/upward navigation to the dashboard. Previously, drilling into an event's Attendees / Configure / Run-Allocation pages left no way back to that event except the browser back button or the sidebar (which dumps you at the top-level Events list). Now every nested page shows a breadcrumb trail.

Components

• Breadcrumb (generic, pure): semantic <nav aria-label="Breadcrumb"><ol>, flex-wrap + gap-x-1.5 gap-y-1 (wraps cleanly on mobile, no vertical collision), parent segments are links, the leaf is aria-current="page" and never a link. label is ReactNode (supports icon+text without a separate field).
• EventBreadcrumb (pure, no data fetch): the page passes its already-loaded title; shows a fixed-size skeleton while title is undefined (no text-swap flicker). Used on event-detail + attendees.
• EventBreadcrumbAuto (self-resolving via useEvent): for pages with no other source for the title — the engine page and the server-rendered configure page. Skeleton while loading; "Event" only as a rare loaded-but-missing fallback.

Trails

Events / {title} (detail) · Events / {title} / Attendees · … / Configure · … / Allocation · Settings / Guide (replaces the lone ad-hoc "← Back to Settings"). Each page's <h1> is preserved as the primary heading. Public /join and /results and the global nav are untouched.

Test Plan

• 11 new component tests (5 Breadcrumb + 6 event variants incl. skeleton/fallback); full suite 44 passed.
• tsc --noEmit clean · npm run lint 0 errors · npm run build succeeds.
• Manual: at 360px the trail wraps without overflow; clicking {title}/Events navigates up.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
squadsync	Ready	Preview, Comment	Jun 17, 2026 4:46pm