fix(ui): Fix tabs component overflow issue

[Harkunwar]

Description

The Tabs component was overflowing on the page, causing a lot of unnecessary side effects on the page. Found this bug investigating the following issues and it should resolve both of them:
#7491
#7729

Previously:

Now:

Validation

Related Issues

#7491
#7729

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run pnpm format to ensure the code follows the style guide.
• I have run pnpm test to check if all tests are passing.
• I have run pnpm build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	May 31, 2025 7:05pm

[Copilot]

Pull Request Overview

This PR addresses an overflow issue in the Tabs component by adjusting its styling.

• The .tabsRoot class now applies a grid layout in addition to its maximum width property.

Comments suppressed due to low confidence (1)

packages/ui-components/Common/Tabs/index.module.css:4

• Ensure the addition of the 'grid' utility in the .tabsRoot class aligns with the intended layout behavior, and verify that the child elements are properly handled within a grid layout to avoid unintended overflow or alignment issues.

@apply grid max-w-full;

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 75.46%. Comparing base (3ecfbcb) to head (de94b70).
Report is 3 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7798      +/-   ##
==========================================
+ Coverage   75.34%   75.46%   +0.11%     
==========================================
  Files          96      101       +5     
  Lines        7862     8309     +447     
  Branches      192      218      +26     
==========================================
+ Hits         5924     6270     +346     
- Misses       1937     2037     +100     
- Partials        1        2       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[ovflowd]

LGTM! And glad to see you around ✨

[github-actions]

Lighthouse Results

URL	Performance	Accessibility	Best Practices	SEO	Report
/en	🟢 99	🟢 100	🟢 100	🟢 91	🔗
/en/about	🟢 100	🟢 100	🟢 100	🟠 82	🔗
/en/about/previous-releases	🟢 98	🟢 100	🟢 100	🟠 83	🔗
/en/download	🟢 97	🟢 100	🟢 100	🟢 91	🔗
/en/blog	🟢 100	🟢 100	🟢 96	🟢 92	🔗

[bjohansebas]

LGTM, thanks!

[bjohansebas]

@AugustinMauroy enabled the fast-track, and I approve it.