Added new searchBar below the navbar with special floating effect

[Utsavladia]

Fixes Issue🛠️

Closes #1347

Description👨‍💻

Added the new exiciting search bar at top with special dissappering efffect to have a good view of screen when searchbar is not in use...

Type of Change📄

• Bug fix (non-breaking change which fixes a bug)
• New feature (non-breaking change which adds functionality)
• Style (non-breaking change which improves website style or formatting)
• Documentation (non-breaking change which updates or adds documentation)
• 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📷

Recording.2024-07-12.124037.mp4

[github-actions]

Hey @Utsavladia, Welcome to the project CalcDiverse! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[netlify]

✅ Deploy Preview for calcdiverse ready!

Name	Link
🔨 Latest commit	084afb8
🔍 Latest deploy log	https://app.netlify.com/sites/calcdiverse/deploys/6690d75a7c59cd0008f0a08c
😎 Deploy Preview	https://deploy-preview-1604--calcdiverse.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.