fix: responsiveness of header

[ARYPROGRAMMER]

Fixes Issue🛠️

This PR fixes a part of Issue #64

Reference #124

Description👨‍💻

Migrated all of the scss code of header component to tailwind classes as per requirements
Added Mobile Screen Responsiveness

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

Screenshots/GIF📷

[vercel]

@ARYPROGRAMMER 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 @ARYPROGRAMMER, 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]

@ARYPROGRAMMER, please join discord server - https://discord.gg/KnYWt6n9

[PratikMane0112]

Some glances -

• please do check for consistency for all pages and components with local setup
• it is better to use color palette in tailwind.config for color schema to be consistent and maintain

[PratikMane0112]

Refer below repo for prev styles :

• https://github.com/PratikMane0112/TelMedSphere-prev-styles

[PratikMane0112]

Hey @ARYPROGRAMMER, take your time to fix it but final result should be consistent !!!!!