test(HeroSection-responsive-breakpoints): verify Responsive Multi-device Columns & Mobile Viewport Layouts

[sheeeuWu]

Description

Adds HeroSection.responsive-breakpoints.test.tsx with 5 unit tests covering responsive heading text size, search form reflow (column → row), fluid input width, and stat badge wrapping to avoid overflow on small screens

Additional changes

I was reviewing my previously merged PRs and noticed that the "Achievements calculated from real-time GitHub data" text in Achievements page wasn't visible in light mode, which I missed in PR #7169. Sorry about that. This PR fixes that issues too.

Fixes #6839

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

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.

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

Asset	PR Size	Base Size	Difference	Status
static/css/[hash].css	39.99 KB	40.01 KB	-0.01 KB (-0.03%)	🟢 Improvement

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3883.46 KB	3883.44 KB	+0.02 KB (+0.00%)
Total CSS	322.95 KB	323.09 KB	-0.15 KB (-0.05%)

[Aamod007]

Hey! Thanks for writing responsive breakpoint tests for the HeroSection. Ensuring mobile viewports flex correctly from row to column without layout shift keeps the landing page polished.

I'm assigning level:beginner, type:testing, and quality:clean.

Looks fantastic, approving!

[github-actions]

🎉 Congratulations @sheeeuWu! 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! 💻✨

[sheeeuWu]

Thank you for reviewing and merging the PR