Trim queries with whitespace (#2002)

* Disable rank sorting when query is empty

* Trim query in handlers

* Fix crash on empty query

src/products/views/ProductList/useSortRedirects.ts

@@ -14,6 +14,8 @@ export function useSortRedirects(
 ) {
   const navigate = useNavigator();
 
+  const hasQuery = !!params.query?.trim();
+
   useEffect(() => {
     const sortWithQuery = ProductListUrlSortField.rank;
     const sortWithoutQuery =
@@ -23,8 +25,8 @@ export function useSortRedirects(
     navigate(
       productListUrl({
         ...params,
-        asc: params.query ? false : params.asc,
-        sort: params.query ? sortWithQuery : sortWithoutQuery
+        asc: hasQuery ? false : params.asc,
+        sort: hasQuery ? sortWithQuery : sortWithoutQuery
       })
     );
   }, [params.query]);

src/utils/handlers/filterHandlers.ts

@@ -62,7 +62,7 @@ function createFilterHandlers<
         after: undefined,
         before: undefined,
         activeTab: undefined,
-        query
+        query: query?.trim()
       })
     );
   };