feat Add Time-Lapse playback for 3D Badge Preview

[Subhash21022]

Description

This PR introduces the Time-Lapse Playback feature for the 3D Badge Preview.

Features Included:

• Added a timeLapseMode to ContributionCity3D.tsx that animates the user's GitHub contribution graph from the start of the timeframe to today week-by-week.
• Implemented an interactive UI overlay with Play, Pause, and Restart controls, including a dynamic "Current Date" display.
• Integrated a "Time-Lapse" toggle inside the Generator Preview (CommitPulseSection.tsx), fetching full activity data on demand via /api/github.
• Added an animated "Time-Lapse" toggle on the user Dashboard (ActivityLandscape.tsx) accessible when the 3D City view is active.
• Respects all existing theme choices and colors seamlessly.

Fixes #6238

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Feature addition: 3D City Time-Lapse Animation)

Visual Preview

(Please attach a screen recording or GIF here showing the Time-Lapse animation playing on the dashboard or generator!)

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
• I have updated README.md if I added a new theme or URL parameter. (N/A - frontend UI feature only)
• I have starred the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[vercel]

@Subhash21022 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

[Subhash21022]

@Aamod-Dev Kindly review My pr

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

Asset	PR Size	Base Size	Difference	Status
static/chunks/1359-[hash].js	15.74 KB	15.53 KB	+0.21 KB (+1.35%)	🔴 Regression
static/chunks/1841-[hash].js	-	2.17 KB	-2.17 KB (-100.00%)	🗑️ Deleted
static/chunks/3981-[hash].js	2.25 KB	-	+2.25 KB (++100%)	🆕 New
static/chunks/6043-[hash].js	3.70 KB	-	+3.70 KB (++100%)	🆕 New
static/chunks/9876-[hash].js	-	3.04 KB	-3.04 KB (-100.00%)	🗑️ Deleted
static/chunks/app/generator/page-[hash].js	26.86 KB	26.53 KB	+0.33 KB (+1.24%)	🔴 Regression
static/css/[hash].css	37.20 KB	37.14 KB	+0.06 KB (+0.17%)	🔴 Regression

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3701.50 KB	3697.00 KB	+4.49 KB (+0.12%)
Total CSS	297.23 KB	296.58 KB	+0.65 KB (+0.22%)

[Aamod-Dev]

This is a fantastic addition! Implementing a time-lapse animation for the 3D Contribution City adds a whole new level of interactivity. Integrating ContributionCity3D with the new playback UI elements and dynamically fetching the activity data is well executed. Approved!

[github-actions]

🎉 Congratulations @Subhash21022! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨