feat: add keyboard event support to SearchBar

[AasthathecoderX]

Notes for Reviewers

This PR fixes #718

Signed commits

• Yes, I signed my commits.

[AasthathecoderX]

The below are the videos showing the working::

enter_working.mp4

Tab_working.mp4

up_downworking.mp4

spacebar_working.mp4

[gemini-code-assist]

Code Review

This pull request introduces an onKeyDown prop to the SearchBar and StyledSearchBar components, enabling custom keyboard event handling and search execution via the 'Enter' key. Feedback focuses on enhancing the handleKeyDown logic to respect event.defaultPrevented, cleaning up redundant comments, and fixing indentation inconsistencies to maintain code quality.

[miacycle]

One thing worth tightening here: pressing Enter can trigger onSearch twice. handleSearchChange already schedules the debounced search, and if Enter is pressed before that debounce expires, handleKeyDown calls onSearch(searchText) immediately while the pending debounced call still fires shortly after. Please cancel the pending debounced callback before the immediate Enter-path search (or funnel Enter through the same search path) so consumers do not get duplicate requests or state updates.

[AasthathecoderX]

One thing worth tightening here: pressing Enter can trigger onSearch twice. handleSearchChange already schedules the debounced search, and if Enter is pressed before that debounce expires, handleKeyDown calls onSearch(searchText) immediately while the pending debounced call still fires shortly after. Please cancel the pending debounced callback before the immediate Enter-path search (or funnel Enter through the same search path) so consumers do not get duplicate requests or state updates.

ok @miacycle ,I will look into it