Improve search performance and simply logic.

[bwanamaina]

This PR aims to improve performance and separate search logic from the main application entry point(components) into custom hook(s). Currently search is triggered on every keystroke and the current results (UI) is replaced by skeleton and timeout is used to control the UI, this can be improved.

Proposal

• Extract Search input into a separate component.
• Debounce the search input onChange logic using a custom timed hook to ensure search is performed for a term instead of triggering it on every keystroke.
• Extract search logic into a custom hook and remove the setTimeout when filtering banks.
• Instead of showing skeleton when searching, highlight the matched search in the bank name/branch (this is optional but serves the purpose of showing user that filtering is happening as the type).

[KWangechi]

May also need to enable one to search "Bank Branch', 'Branch, Bank', 'Alias, Branch' ... e.g "KCB Ruiru' wields a 'No results found card'...

When searching just 'Ruiru' or 'KCB' individually, it works, however if used together, it doesn't work

Individually

Separately

[bwanamaina]

I will open a PR to handle this logic.