Converted another half part of header.jsx

[Rucha-Ambaliya]

Fixes Issue🛠️

Partially Closes #64

Description👨‍💻

1. Updated and Dynamic ACCOUNT Dropdown

   • Enhanced the styling of the Account tab and implemented functionality where the ACCOUNT dropdown menu opens and closes based on user interaction (click).
   • Adjusted the dropdown’s position to be relative to the ACCOUNT tab for proper alignment.

2. Responsive Navbar for Small Screens

   • Ensured the navbar adapts seamlessly to smaller screen sizes with appropriate styling and layout adjustments.

3. Prevent Simultaneous Menubar and Account Dropdown

   • Prevented the menubar and the Account dropdown from opening at the same time to avoid overlap and improve the user experience.

4. Auto-Close Sidebar Upon Page Change

   • Added functionality to automatically close the sidebar when the page changes, ensuring it doesn't stay open unintentionally during navigation.

Screenshots/GIF📷

Recording.2025-01-26.194757.1.mp4

Recording.2025-01-26.215738.mp4

Type of Change📄

• Bug fix (non-breaking change which fixes a bug)
• Style (non-breaking change which improves website style or formatting)
• Responsiveness (non-breaking change which improves UI/UX on different screen sizes)

Checklist✅

• I am an Open Source contributor
• I have performed a self-review of my code
• My code follows the style guidelines of this project
• I have commented on my code, particularly in hard-to-understand areas

[vercel]

@Rucha-Ambaliya is attempting to deploy a commit to the Pratik0112's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Hey @Rucha-Ambaliya, Welcome to 💖TelMedSphere !!! 🎊
Thanks for raising a PR! Your effort makes this project better. 🙌
Please wait for the PR to be reviewed.
Happy Coding!! ✨

[PratikMane0112]

Thanks !!!

[github-actions]

@Rucha-Ambaliya Congrats, Your pull request has been successfully merged 🥳🎉
Thank you for your contribution to 💖TelMedSphere !!!
Happy coding 🎊, Keep Contributing 🙌 !!!