Add an Error Boundary and graceful failure UI around dashboard data widgets

[Baskarayelu]

📋 Description

The dashboard at app/dashboard/page.tsx composes many widgets — StatCard, MoneyDistributionWidget, SavingsByGoalWidget, RecentTransactionsWidget, SixMonthTrendsWidget. A throw in any single widget currently risks blanking the whole dashboard, and there is a WidgetErrorState component that isn't wired as a fallback.

This issue adds a reusable widget-level Error Boundary so one failing widget degrades to an error card instead of crashing the page.

Why this matters: a dashboard that goes fully blank because one chart threw is worse than a single widget showing "couldn't load — retry". Fault isolation keeps the rest of the financial overview usable.

🎯 Requirements & Context

Functional requirements

• Add a components/ui/WidgetErrorBoundary.tsx (React error boundary) that renders WidgetErrorState as fallback with a retry/reset.
• Wrap each major dashboard widget in app/dashboard/page.tsx individually.
• Log caught errors via lib/logger.ts.
• Keep the dashboard/loading.tsx skeletons for the loading path.

Context & constraints

• Error boundaries must be client components ("use client").
• Do not swallow errors silently — log them.

🛠️ Suggested Execution

git checkout -b feat/dashboard-widget-error-boundary

• Build the boundary, wrap widgets, log errors, add TSDoc.

npm run lint
npx tsc --noEmit
npm run test:coverage
npm run build

• Edge cases: widget throws on first render, throws after data update, retry recovers, multiple widgets fail independently, reduced motion.
• a11y: error card must be announced; retry button reachable.

Example commit message

feat(dashboard): isolate widget failures with error boundary

Adds WidgetErrorBoundary rendering WidgetErrorState with retry and
wraps each dashboard widget to prevent full-page crashes.

✅ Acceptance Criteria & Guidelines

Requirement	Target
Reusable widget error boundary	Required
Each major widget wrapped	Required
Errors logged via logger	Required
Retry/reset works	Required
Accessibility + lint + typecheck + build	Required
Timeframe	96 hours from assignment

💬 Community & Support

Join the RemitWise contributor community on Discord: https://discord.gg/CtQuPZFMA

Comment to claim before starting. 🚀

[Menjay7]

Hi! I came across this issue and would love to work on it. I have experience with similar tasks and I'm confident I can investigate, implement a clean solution, and thoroughly test it before submitting a PR. If the issue is still open, I would appreciate it if you could assign it to me. Thank you!

[temisan0x]

hey team, i’d like to take on this issue
I’ve been able to go through it
I can start on it now if it’s okay

[Biokes]

Hi maintainer, I will like to work on this issue.
I have gone through it, understand the jssue as i have worked on this codebase before, I am familiar and it will be easy to complete this.
Let's work on this again.

[grantfox-oss]

🦊 GrantFox — @temisan0x has been assigned to this issue!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #474)
2. Your PR will be reviewed by the Remitwise-Org maintainers

Good luck! Track your progress on GrantFox.