Issue L: Cross-browser QA + Mobile Testing

[CuWilliams]

Overview

Manual QA pass across browsers and viewport sizes before deploying to main.

Test Matrix

Browsers

• Safari (iOS 17+, iPhone and iPad)
• Safari Desktop (macOS)
• Chrome (Desktop)
• Firefox (Desktop)

Viewport Sizes

• 375px — iPhone SE
• 390px — iPhone 16
• 768px — iPad
• 1280px+ — Desktop

Test Checklist

• Dashboard tile grid renders correctly at all breakpoints
• Tiles expand/collapse with Motion One choreography (desktop hover, mobile tap)
• Pending tiles (Challenges, Notifications) are not visible
• Dark mode auto-applies on system dark preference
• Dark mode toggle in header switches theme and persists via localStorage
• app-preview.mp4 plays on home page
• App_Store_Promo-V1.2.mp4 plays on features page
• All internal navigation links work (no 404s)
• Reduced-motion: no animations fire, expand/collapse is instant
• View Transitions fallback works in Firefox (no VT support)
• Announcements badge still appears/disappears correctly

Dependencies

All Phase 1–3 issues complete.

Files

No code changes expected — test report / bug filing only.

Branch

Testing on feature/v2-overhaul before merge to main.

Part of #16 (parent epic) | Milestone: v2.0.0