Optimized Search Filter with React Context API

To integrate an optimized search filter with theme switching using React Context API:

1. Extend Theme Context: Include searchQuery state in the context to manage search input globally.
2. Search Input Component: Use useContext() to update searchQuery in real-time.
3. Optimized Filtering: Use useMemo() to filter data efficiently, avoiding unnecessary re-renders.
4. Debouncing (Optional): Implement debouncing to delay search execution, improving performance.

This approach ensures smooth UI updates, reduces redundant computations, and enhances overall app efficiency.