[Feat]: responsive Hamburger menu functionality for small screen sizes

[srishti023]

Feature Description

hamburger menu for small screen sizes in every page of

Provide a detailed description of the feature

In the small screens navbar doesn't maintains the responsiveness. i want to make a hamburger option for navbar so that on clicking hamburger all the menu comes down . it improves the UI and User experience .

Current problem :

https://github.com/user-attachments/assets/d516410f-4acd-49ff-b971-d0adf045a054

https://github.com/user-attachments/assets/81616843-e945-47bd-81b3-60b611f7768f

I want to fix this issue please assign me this issue so that i can go further t contribute in your amazing project! Thankyou!

Put here any screenshots or videos (optional)

No response

By submitting this issue, you agree to

• [X] I agree to follow this project's Code of Conduct
• [X] I’ve read all the issues in the issue section, and this feature has not been proposed yet.

Other Information

• [X] I'm a GSSoC '24 Extended contributor
• [X] I'm a Hacktoberfest '24 contributor
• [X] I am willing to work on this feature (optional)

[github-actions[bot]]

@srishti023

Thank you for raising this issue! 🎉🙌

We truly appreciate your contribution to this project and will review the details shortly. 🛠️✨ We will get back to you soon!

Thank you for your patience! 🙏