feat: make header narrower

[dharapandya85]

Description

Please include a summary of the changes and the related issue. Please also include relevant motivation and context. List any dependencies that are required for this change.
This PR fixes the header width. The header uses inner wrapper(.header-inner) with a max-width.
Fixes #19 (issue)

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Verified visually on desktop screens of various widths

Test Configuration:
Windows 11 Operating System, React 18.2, Node.js 22.18.0,

• Firmware version:
• Hardware:
• Toolchain:
• SDK:

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

[Majestic9169]

please request reviews guys 😭

[Majestic9169]

seems to mess up responsiveness, please look into it

[dharapandya85]

Please check now.

[Majestic9169]

responsiveness has been fixed, but the purpose of this issue was to have the header aligned with the content on larger screens

[Majestic9169]

pretty sure its an issue with the max-width, on my screen the hero section takes 1228px on full screen, making it impossible to align with 1100px max width.

hardcoding these values is probably not the best way, please look for something better

[dharapandya85]

About page now aligns header and container section.

Projects, Contribute, DC++, pages might show little bit different UI,
also, responsive(mobile) view may be little different, waiting for feedback on this.

[Majestic9169]

your changes to page-container break everything lmao, i'm sorry but i can't allow a breaking change like that. please revert that last commit we absolutely can not have a change like that.

[dharapandya85]

Please check now.

[Majestic9169]

i'm sorry but something is clearly wrong

we may have to consider if this issue is worth the effort

[Majestic9169]

doesn't work on my machine :(, very noticeable offset between header and hero section

[dharapandya85]

Will modify again, if there is an issue, right now, header is aligned with rest of the content.

What I did now:
-> synced with the latest commit
-> will remove extra container from header.jsx and hero.jsx
-> if responsiveness not proper, will correct it.

[dharapandya85]

Any update here @Majestic9169 , will resolve conflicts