[FEATURE] - Implement Contributor Dashboard page

[Ayush-Patel-56]

Is your feature request related to a problem?

Once a user successfully finishes onboarding as a contributor, they need a central dashboard to track active pull requests, daily challenges, course progress, trending repositories, and mentor schedules. Currently, the dashboard is a simple template and does not support this new layout.

Describe the Solution

Create or update the contributor dashboard page at src/app/(app)/dashboard/page.tsx (using components in src/components/contributor-dashboard/) based on the provided layout mockup.

Key Functional Requirements:

1. User Profile & Stats (Left Sidebar):
   • Display user profile avatar, username (alex.dev), and social/GitHub links.
   • Dynamic badges: L1 CONTRIBUTOR and TRUST {score}.
   • 2x2 stats block showing Total XP, Merged PRs, total open Issues, and active streak.
   • Mentor section showing assigned mentor (priya.codes) and an "Open Chat" CTA button.
2. Main Dashboard Feed (Center):
   • L1 Journey Progress: Dynamic progress bar depicting progress percentage (e.g., 68% to L2) and remaining XP needed.
   • Recent Activity: List items showing XP gained from merges, issue completions, and course completions.
   • Your Active PRs: Card listing active pull requests with status tags (REVIEW REQUESTED, CHANGES APPROVED), change metrics (e.g. +142 -23), and days elapsed.
   • Contribution Activity Heatmap: Grid showing contribution history over the past year (using the activity-heatmap.tsx component).
   • Daily Challenge Tracker: A card with a live countdown timer showing the active challenge (e.g. "Comment on 2 open issues today") and progress tracker.
   • Course Progression Widget: A step-by-step indicator showing the user's progress through the 5-day curriculum with a "Continue Course" CTA.
   • Trending Repositories: A feed of relevant org repositories showing languages, star counts, and open issues.
3. Actions & Mentorship Info (Right Sidebar):
   • Browse Issues: A prominent primary CTA button navigating to the issue list.
   • Next Mentor Session: Box displaying date, time, and mentor profile with functional "Reschedule" and "Join Call" buttons.
   • Announcements & Matching Filters: Feeds displaying platform news and repository matches.
   • Top Contributors Leaderboard: Dynamic ranking of other contributors in the same tier, highlighting the user's current rank.

---

Design/UI Specifications:

• Theme: Consistency with the modern pitch-black theme (#0D0E12), glassmorphism card overlays, thin borders (border-zinc-800), and neon green accents (#00FF87).
• Layout: Three-column grid layout (Left Panel, Main Content, Right Panel) on desktop, collapsing to a single-column layout on mobile devices.
• Micro-interactions: Hover states for repository listings, active PR cards, and primary buttons.

Additional Context

Please reference the attached contributor dashboard mockup for spacing, layout, and visual details.

[ShaikHusnaThahera]

Hi @Ayush-Patel-56

I would like to work on this feature under GSSOC'26.

Proposed Approach

• Analyze the existing dashboard structure and reusable components.
• Create a modular component architecture for each dashboard section.
• Implement the three-column responsive layout as specified.
• Develop the profile, statistics, XP tracker, activity feed, and active PR sections.
• Add contribution heatmap and challenge tracking components.
• Implement mentor, announcement, and leaderboard widgets.
• Ensure consistency with the project's dark theme and design guidelines.
• Test responsiveness across desktop and mobile devices.

I have reviewed the issue requirements and will follow the contribution guidelines and code of conduct. I would be happy to work on this feature and submit a well-tested PR.

Kindly assign this issue to me.

Thank you!