[Performance]: Implement a custom useDebounce hook for search inputs

[Aditya948351]

As the platform grows, typing in search bars like in the Resources or Community sections fires too many queries or filter renders on every keystroke. Create a reusable useDebounce React hook and apply it to our search inputs to delay the filter execution by approximately 300ms, drastically reducing unnecessary renders and potential database reads.

[riyapetle]

Hii @choudharyms,
I'm a GSSoC'26 contributor and I'd like to work on this issue.

My approach:

• Custom Hook: I will create a reusable useDebounce.js hook in the src/hooks/ directory that returns a debounced value after a 300ms delay.
• Implementation: I will refactor search inputs in the Resources and Community sections to use this hook, ensuring state updates only trigger after the user stops typing.
• Optimization: This will significantly reduce the frequency of filter re-renders and unnecessary API/database queries.
• Verification: I'll verify the fix by monitoring the console or network tab to confirm the delayed execution.

Please assign this to me!