[UI] Develop Centralized User Dashboard (Desktop & Mobile)

[Rampop01]

Issue #60

[UI] Develop Centralized User Dashboard (Desktop & Mobile)

🔴 Priority: Critical
Difficulty: Hard
Estimated Effort: 4-5 days
Relevant Files: src/app/dashboard/page.tsx, src/components/dashboard/
Labels: ui, dashboard, priority:critical

Requirements

1. Implementation Details
   • Implement the User Dashboard screen exactly as defined in Figma.\n - Build reusable widgets for: Wallet balance, Active escrows, Recent transaction history, and Sustainability impact.\n - The dashboard must use CSS Grid to gracefully collapse from a multi-column desktop layout into a single-column scrollable mobile view.\n - Integrate with the global WalletContext to dynamically display the connected wallet's data.\n
2. Testing Requirements
   • Write comprehensive unit tests achieving >90% coverage for the UI components.
   • Perform visual regression tests across Desktop and Mobile viewports to ensure exact pixel-perfect match with Figma constraints.

---