Fixed the searchbar on focus

[ARYANSHAH1567]

Notes for Reviewers

This PR fixes #740

The searchbar stays consistent even after focus also it doesnt get auto-focus now

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for bejewelled-pegasus-b0ce81 ready!

Name	Link
🔨 Latest commit	9e569f8
🔍 Latest deploy log	https://app.netlify.com/projects/bejewelled-pegasus-b0ce81/deploys/68aa00145ea95000095cb134
😎 Deploy Preview	https://deploy-preview-743--bejewelled-pegasus-b0ce81.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 project configuration.

[ARYANSHAH1567]

@zihanKuang @vr-varad Can you please review this PR?

[vr-varad]

Thank you for your contribution!
Let's discuss this during the website call today at 5:30 PM IST | 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

[FaheemOnHub]

just take a look at present css , incase u were able to find any class overwriting css

[ARYANSHAH1567]

2025-08-14.17-50-32.mp4

@vr-varad I have removed the docsy searchbar and added custom searchbar, can you please review this PR?

[vr-varad]

Thank you for your contribution!
Let's discuss this during the website call today at 5:30 PM IST | 7 AM CT

Add it as an agenda item to the meeting minutes, if you would :)

[ARYANSHAH1567]

2025-08-22.19-08-03.mp4

2025-08-22.19-15-55.mp4

I have updated the styling of searchbar so that it suits both the light mode(for academy) & dark mode (for docs)
Just have to add the dark class for the dark mode