fix: bad contrast background for search bar on dark mode ⚒️

[0xabdulkhalid]

Description

• Fixed the bad contrast color for background and hover state of Search Bar on Dark mode.

Fixes #427

Screenshots

https://github.com/swapnilsparsh/DevEmpire/assets/92252895/c0aba1e1-3593-45af-9a46-84f63dd20ac2

Checklist

• [x] Tests have been added or updated to cover the changes
• [x] Documentation has been updated to reflect the changes
• [x] Code follows the established coding style guidelines
• [x] All tests are passing

[netlify[bot]]

✅ Deploy Preview for devempire ready!

Name	Link
🔨 Latest commit	7f5a18997754a00eb5c9838357c47d804adf7222
🔍 Latest deploy log	https://app.netlify.com/sites/devempire/deploys/64d4d8f0a53b900008dcff12
😎 Deploy Preview	https://deploy-preview-431--devempire.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.

[0xabdulkhalid]

Your review is appreciated @swapnilsparsh

[swapnilsparsh]

@0xabdulkhalid resolve the conflicts.

[0xabdulkhalid]

Conflicts are resolved @swapnilsparsh, Please merge this PR now.