fix(dashboard): redesign stats dashboard with glassmorphism grid and interactive filtering

[nishtha-agarwal-211]

Description

Fixes #1505

This PR implements the Project Statistics Dashboard Redesign & Interactive Filtering request. It transforms the static text-based metadata in the hero section of the landing page into a modern, fully interactive grid of glassmorphic statistics cards with smooth scaling animations, glowing borders on hover, Lucide indicators, and seamless visual synchronization with the project filters.

Changes

1. Visual & Layout Overhaul (HTML & CSS)

• CSS Grid Layout: Added a responsive CSS grid container (.stats-dashboard) for the cards that aligns horizontally (6 columns) on desktop and automatically wraps cleanly down to 3 columns on tablet and 2/1 columns on smaller screens.
• Glassmorphic Cards: Styled .stats-card buttons with transparent overlays, blurred backdrop-filters, custom glowing green accents for counts, and persistent active highlight borders.
• Micro-animations: Added smooth vertical translate and scale transitions on hover and focus (transform: translateY(-5px) scale(1.03)) with a glowing border transition (rgba(34, 197, 94, 0.5)).
• Lucide Icons: Injected site-standardized Lucide indicators inside each card (layers, gamepad-2, calculator, wrench, star, history).

2. Interactive Shortcuts & Synchronization (JavaScript)

• Shortcut Filters: Clicking on any statistics card triggers the filter grid action, applying the category filter automatically (e.g., "Games", "Maths", "Utilities", "Favorites").
• Recently Viewed Navigation: Clicking the "Recently Viewed" card scrolls the page smoothly to the #recentlyViewedSection section.
• Visual Synchronization:
  • Active filters synchronize across the stats dashboard cards, sidebar tabs, and sticky header tabs. The currently selected filter card keeps a highlighted green border indicator.
  • The "Recently Viewed" counter dynamically updates in real-time as users open project cards.
  • Fixed a minor bug where the initial counter check loaded from the wrong localStorage key. It now correctly synchronizes with the "recentProjects" key.

[vercel]

@nishtha-agarwal-211 is attempting to deploy a commit to the Anuj's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
python-mini-project	Ready	Preview, Comment	Jul 18, 2026 6:41pm

[github-actions]

🎉 Thank you for your contribution!

Your Pull Request has been merged successfully.
Thanks again for your support! 🙌