test(HeroSection): add massive scaling tests for #4331

[REHAN-503]

Description

Fixes #4331

This PR adds comprehensive massive scaling tests for the HeroSection component to verify its behavior under extreme conditions, high-volume interactions, and responsive edge cases.

Problem Context

The HeroSection component needs to handle extreme user inputs (very long usernames), rapid interactions, responsive layouts across all device sizes, and maintain DOM stability under frequent re-renders.

Solution Implemented

Added HeroSection.massive_scaling.test.tsx with 5 focused test cases:

#	Test Scenario	What It Validates
1	Maximum content constraints	All UI elements render correctly (heading, input, buttons, badges)
2	Extreme rapid input	Handles 500-character username + 100 rapid updates without breaking
3	Stat badge formatting	Large numbers (1,247+ contributions) display with proper comma formatting
4	Responsive viewport scaling	Maintains layout from mobile (320px) to 4K (3840px)
5	Rapid re-render stability	Survives 100 re-renders under 5 seconds with all elements intact

Test Results

✓ HeroSection – Massive Data Sets (5 tests) 369ms
  ✓ Case 1: renders successfully with maximum content constraints (143ms)
  ✓ Case 2: handles extreme rapid input in username field (18ms)
  ✓ Case 3: handles extreme stat values in display badges (11ms)
  ✓ Case 4: maintains responsive layout with extreme viewport sizes (63ms)
  ✓ Case 5: remains stable under rapid re-renders (131ms)

Test Files  1 passed (1)
Tests       5 passed (5)

[Aamod-Dev]

Thanks for testing the extreme bounds scaling for the HeroSection! Ensuring it handles maximum content constraints, rapid re-renders, and extreme viewport sizes without breaking the layout tree is awesome.

Your tests are flawless. However, the CI pipeline is currently failing due to an unrelated divergence in lib/svg/themes.test.ts natively on the main branch.

To fix this, just run git pull --rebase origin main and force push your branch. I'll approve right after!

Labels Applied:

• level:advanced: Extreme simulation and viewport limits.
• type:testing: Scale bound coverage.
• quality:exceptional: Very comprehensive DOM and resize testing.
• mentor:Aamod007

[Aamod-Dev]

Thanks for the contribution. I went through the changes and the overall approach looks good.

[github-actions]

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

[Aamod-Dev]

Great scaling checks! I went through the changes and asserting that the HeroSection can withstand extreme render loops stops the landing page from hanging under load.
Labels applied:

• level:advanced: Simulating high frequency re-renders.
• quality:clean: Accurate benchmark bounds.
• ype:testing: Protects layout stability.