area/ui: Fix quirks in the `MatchersInput` query component

[yomete]

This PR addresses the following:

• [x] Ensures that querying using the MatchersInput component is disabled until a profile type has been selected.
• [x] Added a loader to the MatchersInput component
• [x] Prevent overflow of the label names and values by adding a fixed height
• [x] Suggest similar label names and values when typing in the query browser. This means whenever a user types in a label name or value, the suggestion box will now be re-ordered to show the closest suggestion.
• [x] The MatchersInput component now shows the next suggestion even when a user is manually typing in a query i.e. not clicking through the suggestions list.
• [ ] The backend expects the label value to be in quotes, so the MatchersInput component automagically adds a "" to surround the label value if omitted by the user.