UI/UX Enhancement: Modernize DevTrack Interface with Light Blue & White Theme (#924)

[harshitanagpal05]

Summary

This PR modernizes DevTrack with a refreshed light blue + white design system while preserving all existing functionality and workflows.

The update improves visual hierarchy, readability, spacing, and consistency across major user-facing pages with cleaner surfaces, refined typography, and more polished interactive states.

What Changed

• Introduced a cohesive light-theme token system with blue accent styling
• Improved surface/background contrast across layouts and components
• Added a consistent button system for primary and secondary actions
• Upgraded cards and panels with softer shadows and clearer separation
• Refined hero layout and feature cards on the landing page
• Improved dashboard surfaces and action controls
• Modernized leaderboard styling and row actions
• Updated public profile and sign-in pages for visual consistency
• Refreshed footer and share/download-related UI elements

UX Improvements

• Better readability during extended dashboard usage
• Stronger visual hierarchy for CTAs and analytics sections
• Cleaner navigation and card differentiation
• Improved responsiveness across desktop and smaller screens

Validation

• Lint: passed
• Type-check: environment currently reports missing Vercel analytics/speed-insights module declarations in layout imports

Notes

• No intentional functional behavior changes were introduced
• This PR focuses entirely on UI/UX modernization

Closes #924

[vercel]

@harshitanagpal05 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

• level:beginner — 20 pts
• level:intermediate — 35 pts
• level:advanced — 55 pts
• level:critical — 80 pts

Quality (optional):

• quality:clean — ×1.2 multiplier
• quality:exceptional — ×1.5 multiplier

Validation (required to score):

• gssoc:approved — counts for points
• gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

[Priyanshu-byte-coder]

Thanks for the UI modernization work! Please note:

Conflict with #984 — PR #984 (lazy-load dashboard widgets) touches the exact same set of files (, , , , etc.). These two PRs will conflict. Whichever merges second will need a rebase. Please keep an eye on merge order and be ready to rebase if #984 lands first.

[Priyanshu-byte-coder]

Thanks for the UI modernization work! Please note:

Conflict with #984 — PR #984 (lazy-load dashboard widgets) touches the same files (globals.css, page.tsx, layout.tsx, DashboardHeader.tsx, etc.). These PRs will conflict. Whichever merges second needs a rebase on latest main.