[Explorer] New Search Approach to Tackle Disambiguation

[apburnie]

• Switches the search algorithm from relying on guess-work to being under the control of the user. The user types in a term and matching results across different categories are suggested.
• Creates a Search Results box to hold this info.
• The user can navigate around this search box by pressing the up/down keys or tab key to move across different results matching the term.

Demo:

https://user-images.githubusercontent.com/11377188/186748653-74038654-6f04-4603-8f06-62c4cba78856.mp4

[mystie711]

Overall looking good @Andrew47 Could we round the highlighted state corners? Figma: https://www.figma.com/file/Z5KaPvgurJJ9d4sZQTYBPT/01-UI-Components-%3A-Explorer?node-id=78%3A2396

[mystie711]

On mobile i would recommend lowering down the font size a notch or two so the search suggestions fits in a single line vs wrapping into multiple lines.

[apburnie]

Here's a video showing the updated Search Function with the rounded highlighted state corners and single-line matches on mobile

https://user-images.githubusercontent.com/11377188/189696404-654cc4ce-0b9d-466e-ad78-97369651b5c0.mp4