🩹 fix(makeDebouncedResultsQuery): Fix loading flicker.

By leveraging new generic hook `useQuery`.

imports/api/makeDebouncedResultsQuery.ts

@@ -1,12 +1,11 @@
 import {type DependencyList, useEffect, useRef} from 'react';
 
 import type PublicationEndpoint from './publication/PublicationEndpoint';
-import useSubscription from './publication/useSubscription';
-import useCursor from './publication/useCursor';
 import type Collection from './Collection';
 import type Document from './Document';
 import type UserQuery from './query/UserQuery';
 import queryToSelectorOptionsPair from './query/queryToSelectorOptionsPair';
+import useQuery from './publication/useQuery';
 
 const init = [];
 
@@ -18,17 +17,16 @@ const makeDebouncedResultsQuery =
 	(query: UserQuery<T>, deps: DependencyList) => {
 		const lastValue = useRef<U[]>(init);
 
-		const isLoading = useSubscription(publication, [query]);
-		const loadingSubscription = isLoading();
-
-		const [selector, options] = queryToSelectorOptionsPair(query);
-		const {loading: loadingResults, results: currentValue} = useCursor(
-			() => collection.find(selector, options),
+		const {loading, results: currentValue} = useQuery(
+			publication,
+			[query],
+			() => {
+				const [selector, options] = queryToSelectorOptionsPair(query);
+				return collection.find(selector, options);
+			},
 			deps,
 		);
 
-		const loading = loadingSubscription || loadingResults;
-
 		useEffect(() => {
 			if (!loading) {
 				lastValue.current = currentValue;