fix NavBar & Header

[saras-69]

Description
This PR adjusts the height of the NavBar & Header components to ensure a consistent and responsive layout using 10vh. It resolves any overlapping issues and improves the scrolling experience.

Related Issues
Closes : #281 (comment)

Before:

Screen.Recording.2024-10-18.202100.mp4

And Logo was not fix and header and navbar component get scroll

After:

Screen.Recording.2024-10-18.201410.mp4

Additional Context
This fix improves the header and navbar behavior across devices by using 10vh to maintain responsiveness and prevent UI shifts during scrolling.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
eventmint	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 18, 2024 2:54pm

[samyakmaitre]

scroll is not smooth.

[saras-69]

scroll is not smooth.

Because there is two different components if want smooth I'll fix this

[samyakmaitre]

yes please

[saras-69]

scroll is not smooth.

Because there is two different components if want smooth I'll fix this

It will become smooth when I change 10vh to 100 vh

[saras-69]

yes please

Can please add level3 in my previous pr for pasword recovery page🥹

[samyakmaitre]

Was it able to send mail for recovery?

[saras-69]

Was it able to send mail for recovery
No, for that You have to set up an SMTP server (like Gmail SMTP, SendGrid, or Nodemailer in Node.js)

[saras-69]

For that I will create seprate issue

[samyakmaitre]

Thats why, you have more labels from my side right.....and more incoming too

[saras-69]

Thats why, you have more labels from my side right.....and more incoming too

Okay 😊

[samyakmaitre]

Code Reviewed

[samyakmaitre]

Reminder,
Scroll not smooth
also resolve conflicts