[PERF] Debounce Global Search Input to Reduce Firestore Reads

[Aditya948351]

The global search bar triggers a query on every single keystroke. This causes excessive database reads and UI lag. Implement a custom useDebounce hook to delay the API call until the user has stopped typing for 500ms.

[gunjankushwaha17]

Hi @Aditya948351 , I'd like to work on this issue.

Proposed solution:
I noticed the repo already has a src/hooks/useDebounce.ts hook — I'll check if it's suitable as-is or needs adjustment, then wire it into the global search component so the Firestore query only fires 500ms after the user stops typing, instead of on every keystroke. I'll also add a small loading/pending state so the UI doesn't feel unresponsive during the debounce window.

Could you please assign this to me? I'll open a PR once it's tested locally.

[github-actions]

Hi @gunjankushwaha17! We have officially assigned this issue to you. Please start working on it, and good luck with your PR!

ETA: 3 days
Issue will be assigned to another contributor if failed to do so!

---

Join our Discord channel for GSSoC'26 doubts: https://discord.gg/GGdauNAqWn

[Aditya948351]

@gunjankushwaha17 we are modifying our site, Newer Issues Will be given to you!