Converted half styling of Header.jsx

[Rucha-Ambaliya]

Fixes Issue🛠️

Partially Closes #64

Description👨‍💻

1. Updated Styling of Header.jsx
   • Refined layout and styling to ensure consistency and alignment with the project's design language.
2. Dynamic Button Visibility:
   • Added logic to display the Login and Register buttons only when the user is not logged in.
3. Contact Details Animation:
   • Added dynamic, responsive movement for enhanced visual appeal and consistency across devices.

Note

The ACCOUNT tab has not been formatted yet. This will be addressed in next PR.

Screenshots/GIF📷

Recording.2025-01-26.151138.2.mp4

Recording.2025-01-26.152338.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, please proceed with full !!!

[github-actions]

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