feat: add "AI Vibe Check" (Roast / Hype) widget to Developer Dashboard

[code-with-abhi-i5]

Description

This PR introduces an interactive "AI Vibe Check" widget on the Developer Dashboard. It analyzes the developer's live stats (streaks, commits, repos) and generates a highly shareable, snarky 1-liner ("Roast Me") or an overly enthusiastic compliment ("Hype Me").

This feature directly targets the social-sharing and virality loop of the product, making the dashboard much more engaging and screenshot-worthy.

Fixes #3584

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Feature Enhancement — UX, Gamification, Virality)

Visual Preview

• Widget placed seamlessly in the right sidebar below AI Insights.
• Animated gradient glow border on hover.
• Toggle buttons for "Hype Me" (emerald theme) and "Roast Me" (red theme).
• AnimatePresence blur-in/blur-out text transitions when clicking "Spin Again".

What's Changed

[NEW] components/dashboard/RoastWidget.tsx

• Created a self-contained widget powered by framer-motion.
• Integrated a template engine that accepts the user's stats and profile objects to inject real numbers into the jokes.
• Added a handleGenerate function that ensures the next random quote is never the same as the current one.
• Implemented smooth UI transitions (blur filtering during text swap).

[MODIFY] components/dashboard/DashboardClient.tsx

• Imported <RoastWidget> and rendered it in the right <aside> grid, passing initialData.stats and initialData.profile as props.

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/dashboard/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.
• I have started the repo.
• I have made sure that I have only one commit to merge in this PR.
• Quote generation is instant and text animations are smooth.
• Toggling between Hype and Roast updates the UI colors and content correctly.
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[vercel]

@code-with-abhi-i5 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

🚨 Hey @code-with-abhi-i5, the CI Pipeline is failing on this PR and it has been marked as status:blocked.

Please fix the issues before this can be reviewed. Here's how:

1. Run checks locally before pushing:

npm run format:check   # Check Prettier formatting
npm run lint           # Run ESLint
npm run typecheck      # TypeScript type check
npm run test           # Run unit tests (Vitest)
npm run build          # Verify production build passes

2. Auto-fix common issues:

npm run format         # Auto-fix formatting with Prettier
npm run lint -- --fix  # Auto-fix lint errors where possible

3. Check the full failure log here:
👉 View CI Run

Once you push a fix and the CI passes, the status:blocked label will be removed automatically. 💪