feat(dashboard): mobile-first analytics compaction, milestones UX, and navbar cleanup

[romahawk]

Summary

This PR delivers the latest dashboard/mobile UX and stability updates across analytics, milestones, navbar consistency, and docs alignment.

What changed

• Mobile analytics compaction and stability
  • Compact filter/KPI layout for narrow viewports
  • Default analytics period set to 90d
  • Calendar streak defaults:
    • Desktop: 365d (year-to-date)
    • Mobile: 90d
• Mobile overflow and rendering fixes
  • Fixed horizontal overflow on analytics date filters (notably iOS Safari behavior)
  • Prevented empty milestone badge placeholder circles when no badges are unlocked
• Milestones UX
  • Added recent badge strip under milestone summary
  • Milestone summary opens achieved milestones modal
• Navbar UX refresh
  • Removed obsolete top-level onboarding/help actions
  • Unified button style and behavior
  • Mobile navbar actions are icon-only
  • Updated dark-mode accent treatment to orange
• Dev mode and roles
  • Admin-only dev tools visibility and role-aware behavior
  • Supporting role/dev-mode docs and helpers
• Performance and bundle
  • Route and analytics code-splitting
  • Firebase auth/firestore split
  • Lighter chart rendering path
• Docs
  • Updated roadmap and ux-spec to reflect shipped behavior
  • Added reusable session kickoff prompt

Validation

• npm run lint
• npm run build
• Manual checks:
  • Mobile analytics layout
  • Milestone modal and badges behavior
  • Navbar actions across light/dark and mobile/desktop

Notes

This branch contains a broad set of UX/perf/doc updates accumulated in sequence. Changes are grouped in commit history and in this PR description for review clarity.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
smartshooter	Ready	Preview, Comment	Feb 15, 2026 11:35am