Create Dashboard UI for Budget Overview

[Limeload]

Design and develop the Dashboard page in React to display the user's budget summary, including total income, expenses, and remaining budget.

• Design the Dashboard layout using CSS/SCSS.
• Display summary information (total income, total expenses, remaining budget).
• Create components for quick links (e.g., add a budget, add a transaction).
• Add a summary chart showing spending trends over time.
• Implement conditional rendering based on user data (e.g., show "No budgets yet" message if empty).
• Test UI components across different screen sizes.

[toygma]

@Limeload can you assign me

[github-actions]

🎯 Issue Assigned

Excellent! This issue has been assigned to @toygma. You're now ready to start working on it! 🎉

Your next steps:

1. 🔗 Link your PR: When you create your pull request, include Closes #6 or Fixes #6 in the PR description to automatically link it to this issue.

2. ⏰ Timeline reminder: You have 2 days from now to complete your work and submit a PR. The deadline is 10/21/2025.

3. ✅ Quality checks: Before requesting a review, make sure your PR passes all automated checks:

   • Ruby linting (RuboCop)
   • Test suite (RSpec)
   • Security audit (Brakeman, Bundler Audit)
   • Build verification

4. 📝 Communication: If you encounter any blockers or need clarification, please comment on this issue. We're here to help!

5. 🚀 Ready to start: You can now begin working on this issue. Good luck!

Pro tip: You can track your progress by updating this issue with status comments as you work.

---

This is an automated reminder to help maintain our workflow standards.