Made hamburger aligned horizontally to header

[Parthwebde12]

🚀 Pull Request

🔖 Description

Fixed the mobile navigation so the hamburger menu button sits horizontally beside the logo/header, not below it.
Used CSS flexbox (flex-direction: row, align-items: center, flex-wrap: nowrap) on .nav-container to keep everything in one line.
Made the hamburger button (.mobile-menu-toggle) stay at the far right, vertically centered, and easy to tap.
Result: On mobile, the logo and hamburger are always side-by-side in the header.

Fixes: #621

---

📸 Screenshots (if applicable)

---

✅ Checklist

• My code follows the project’s guidelines and style.
• I have commented my code where necessary.
• I have updated the documentation if needed.
• I have tested the changes and confirmed they work as expected.
• My PR is linked to a GitHub issue.

---

🙌 Additional Notes

[github-actions]

Thanks for creating a PR for your Issue! ☺️

Kindly Star the repo ⭐ We'll review Your PR as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[Parthwebde12]

I have made the changes as much i was able to do. If it matched your expection pls reply me as this will be my first GSSOC contribution

[github-actions]

🎉 Congrats on getting your PR merged, @Parthwebde12! 🙌🏼

Thanks for your contribution every effort helps improve the project.

Looking forward to seeing more from you! 🥳✨