test(technologies): add responsive breakpoint tests

[pari7maheshwari]

Description

Fixes #6974

Added responsive breakpoint tests for the TechnologiesSection covering mobile viewport behavior and responsive layouts.

What's included

• Added technologies.responsive-breakpoints.test.ts.
• Mocked a standard mobile viewport (375 × 667) using matchMedia.
• Verified the technology catalog renders correctly on mobile devices.
• Asserted that technology items render as a single-column vertical layout.
• Ensured responsive styling avoids fixed-width classes that could introduce horizontal scrolling.
• Verified category navigation remains compact and wraps correctly on smaller screens.
• Tested technology selection/toggle behavior and validated selected state styling.

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 (test-only changes)

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. (Not applicable)
• 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). (No SVG output modified.)
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

✨ No significant bundle size changes detected.

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3910.49 KB	3910.49 KB	0 B
Total CSS	326.92 KB	326.92 KB	0 B