feat(performance): implement useDebounce hook to prevent global search API flooding (Resolves #662)

[abhinavkdeval08-design]

Description

This PR resolves the critical performance issue where the Global Search component (SearchModal.tsx) was triggering extensive useMemo filtering and potential state updates on every single keystroke.

By introducing a custom useDebounce hook, we throttle these heavy computations, ensuring they only execute after a brief pause in typing, significantly improving rendering performance on lower-end devices.

Related Issues

• Resolves [Architecture]: Implement Custom Debounce Hook for Search Inputs to Prevent API Rate-Limiting #662
• Addresses [PERFORMANCE] API Flooding on Navbar Global Search Component due to Missing Input Debouncing #667 (API Flooding logic)

Changes Implemented

1. Custom Hook (src/hooks/useDebounce.ts):
   • Created a strongly-typed, generic React hook to handle delay logic with proper useEffect cleanup timeouts to prevent memory leaks.
2. Search Optimization (src/components/layout/SearchModal.tsx):
   • Integrated useDebounce with a 300ms threshold.
   • Separated the raw query (which keeps the input box responsive) from the debouncedQuery (which dictates when wikiResults and pageResults execute).
   • Replaced all conditional rendering and filtering dependencies from query to debouncedQuery.

Technical Details

• Preserved existing keyboard shortcut functionality (Ctrl+K and Escape).
• Kept the UI responsive; the input state updates instantly while the heavy lifting is deferred.

Checklist

• Code follows project standards.
• useDebounce utility created.
• Search input handlers wrapped with debounce logic.
• Tested locally for smooth performance without stuttering.

@Aditya948351 The search bar is now production-optimized and will no longer flood the event loop on every keystroke. Please review! 🚀

[Aditya948351]

This is a great speed upgrade Adding the delay will save our database from crashing Really smart code.
As this was really an important fix, I will assign you a quality:clean labe looking towards your changes.