fix(chaoscenter): align default chaos hub card correctly

[harshneyy]

This PR fixes issue #5265.

Problem

The default chaos hub card on the Chaos Hubs page was not correctly left-aligned with appropriate spacing.

Solution

Adjusted the CSS padding in ChaosHubs.module.scss for the .pageMainContainer class (changing 5rem left/right padding to 1rem). This ensures the card grid aligns better within the page layout, fixing the visual alignment issue.

Screenshots

Before Fix (Misaligned Card):

Earlier it has 5rem (80px) padding

After Fix (Aligned Card):

Now Padding is reduced to 1rem (16px)

Proposed changes

Fixes the CSS alignment of the default chaos hub card by adjusting padding on the .pageMainContainer as per issue #5365.

Types of changes

What types of changes does your code introduce to Litmus? Put an x in the boxes that apply

• New feature (non-breaking change which adds functionality)
• [ x] Bugfix (non-breaking change which fixes an issue)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Update (if none of the other choices applies)

Checklist

Put an x in the boxes that apply. You can also fill these out after creating the PR. If you're unsure about any of them, don't hesitate to ask. We're here to help! This is simply a reminder of what we are going to look for before merging your code.

• [ x] I have read the CONTRIBUTING doc
• [ x] I have signed the commit for DCO to be passed.
• Lint and unit tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works (if appropriate)
• I have added necessary documentation (if appropriate)

Dependency

• Please add the links to the dependent PR need to be merged before this (if any).

Special notes for your reviewer: