feat: added ComparisonStatsCard component and test suite (#1510)

[tamoghnodeb]

Description

Created the ComparisonStatsCard UI component to display dynamic growth metrics (positive/negative/neutral trends). Additionally, implemented a robust 12-test suite in Vitest and configured vitest.config.ts to properly route .test.tsx files to the jsdom environment.

Fixes #1510

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

N/A — This PR focuses on a UI component structure and a Vitest testing suite. All 1009 tests pass locally.

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.
• I have started 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]

@optiondefault 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 @tamoghnodeb, welcome to CommitPulse! 🎉

Thanks for opening your first pull request — this is a big deal and we appreciate the effort!

While you wait for a review, please double-check:

• ✅ You've read the CONTRIBUTING.md checklist
• ✅ npm run lint, npm run format, and npm run test all pass locally
• ✅ Your PR has a visual preview if it touches any SVG output
• 💬 You've joined our Discord for faster PR feedback

A maintainer will review your PR shortly. Hang tight! 🚀

[github-actions]

🚨 Hey @tamoghnodeb, 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. 💪

[tamoghnodeb]

The two CI failures are caused by pre-existing issues in the upstream main branch that are unrelated to this PR:

lib/github.test.ts:356 — TypeScript error: Property 'totalContributions' does not exist on type 'ExtendedContributionData' (type was renamed in main but the test file was not updated)
ESLint warnings in app/customize/utils.test.ts, app/components/CustomizeCTA.test.tsx, and app/api/streak/route.ts — none of these files were touched by this PR

All 1009 tests pass locally across 72 test files. This PR only adds components/dashboard/ComparisonStatsCard.tsx, components/dashboard/ComparisonStatsCard.test.tsx, vitest.setup.ts, and updates vitest.config.ts. Happy to rebase once main is fixed.