Problem
No React error boundaries are visible in the codebase. If a component throws, the entire app white-screens with no recovery path.
What to change
- Create a reusable
ErrorBoundary component in components/
- Wrap key route layouts (dashboard, pacts, groups) with error boundaries
- Show a user-friendly fallback UI with a retry button
- Log errors to console (or a future error tracking service)
Acceptance criteria
Label: bug | Priority: high
Problem
No React error boundaries are visible in the codebase. If a component throws, the entire app white-screens with no recovery path.
What to change
ErrorBoundarycomponent incomponents/Acceptance criteria
Label: bug | Priority: high