Leave search suggestions open on blur

Someone wrote in how, when your search query ends with a string that creates Advanced Search suggestions, clicking on items in the list requires two clicks: one to blur and dismiss the suggestions, and one to actually click the item.

Here, I'm experimenting with just leaving the suggestions open. It doesn't feel _great_, but it definitely feels _better_ than before on this edge case, and I thiiink this only affects this edge case in practice? We'll see if it feels goofy in some cases I forgot tho!

src/app/WardrobePage/SearchToolbar.js

@@ -142,25 +142,22 @@ function SearchToolbar({
   const focusBorderColor = useColorModeValue("green.600", "green.400");
 
   return (
-    <ClassNames>
-      {({ css }) => (
     <Autosuggest
       suggestions={suggestions}
       onSuggestionsFetchRequested={({ value }) =>
         setSuggestions(getSuggestions(value, query, zoneLabels))
       }
-          onSuggestionsClearRequested={() => setSuggestions([])}
       onSuggestionSelected={(e, { suggestion }) => {
         const valueWithoutLastWord = query.value.match(/^(.*?)\s*\S+$/)[1];
         onChange({
           ...query,
           value: valueWithoutLastWord,
-              filterToZoneLabel:
-                suggestion.zoneLabel || query.filterToZoneLabel,
+          filterToZoneLabel: suggestion.zoneLabel || query.filterToZoneLabel,
           filterToItemKind: suggestion.itemKind || query.filterToItemKind,
         });
       }}
       getSuggestionValue={(zl) => zl}
+      alwaysRenderSuggestions={true}
       highlightFirstSuggestion={true}
       renderSuggestion={renderSuggestion}
       renderSuggestionsContainer={renderSuggestionsContainer}
@@ -185,7 +182,10 @@ function SearchToolbar({
                 variant="ghost"
                 colorScheme="green"
                 aria-label="Clear search"
-                    onClick={() => onChange(emptySearchQuery)}
+                onClick={() => {
+                  setSuggestions([]);
+                  onChange(emptySearchQuery);
+                }}
                 // Big style hacks here!
                 height="calc(100% - 2px)"
                 marginRight="2px"
@@ -222,10 +222,7 @@ function SearchToolbar({
               return;
             }
             onMoveFocusDownToResults(e);
-              } else if (
-                e.key === "Backspace" &&
-                e.target.selectionStart === 0
-              ) {
+          } else if (e.key === "Backspace" && e.target.selectionStart === 0) {
             onChange({
               ...query,
               filterToItemKind: null,
@@ -235,8 +232,6 @@ function SearchToolbar({
         },
       }}
     />
-      )}
-    </ClassNames>
   );
 }