Feat: improve the navbar

[AE-Hertz]

Describe the feature

the navabar currently is not consistent with the wholle page , i will make it consistent for each breakpoints. too meet the standards.
see screenshot i will make the header to cover whole page and match with the theme to match with the design and Hci standards.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I have starred the repository
• I'm a gssoc-24-extd contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.
for more information join our discord https://discord.gg/Jh3bWQ7FRN

[AE-Hertz]

@RamakrushnaBiswal can you please assign me this issue .

[AE-Hertz]

@RamakrushnaBiswal please assign me and hoping my PR to be merged, hope you will like my changes. thank you.

[github-actions]

Hello @AE-Hertz! Your issue #413 has been closed. Thank you for your contribution!🚀