feat(dashboard): Enhance UI/UX with charts, donut, and layout improve…(#58)

[uddeshyagautam]

Enhance the Dashboard UI/UX (#58)

Summary

• Modernized dashboard layout and information hierarchy
• Added data visualizations (line, bar, sparkline) for progress and activity
• Introduced a reusable ScoreDonut component for average score visualization
• Improved responsiveness and interactivity across sections

Changes

• app/(main)/dashboard/page.jsx: New 3-column chart/benchmark layout, legend, and tooltips
• app/(main)/dashboard/_components/WelcomeContainer.jsx: Added CTA, responsive avatar, refined copy
• app/(main)/dashboard/_components/CreateOptions.jsx: Kept, integrated with new layout spacing
• app/(main)/dashboard/_components/LatestInterviewList.jsx: As-is, placed in recent activity section
• app/(main)/dashboard/_components/InterviewCard.jsx: As-is, works with recent list
• app/(main)/dashboard/_components/ScoreDonut.jsx: New SVG donut for Avg Score

Notes

• Charts use existing recharts dependency.
• Mock data stays local to the page for safe rendering.
• Fully responsive from mobile to desktop.

Screens/QA

1. Visit /dashboard
2. Verify:
   • Welcome section with CTA
   • Stats cards
   • Performance Overview line chart with legend + tooltip
   • Interview Volume bar chart
   • Benchmark card with sparkline
   • Avg Score donut card
   • Recent Interviews list

Closes #58.

[vercel]

Someone is attempting to deploy a commit to the zaki-mohd's projects Team on Vercel.

A member of the Team first needs to authorize it.