Task/improve loading state of symbol autocomplete component (#7739)

* Improve loading state

* Update changelog

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the loading state of the symbol autocomplete component
 - Consolidated the duplicated translations of the asset classes and asset sub classes
 
 ### Fixed

libs/ui/src/lib/symbol-autocomplete/symbol-autocomplete.component.ts

@@ -128,6 +128,7 @@ export class GfSymbolAutocompleteComponent
         map((query) => {
           return isString(query) ? query.trim() : query;
         }),
+        distinctUntilChanged(),
         filter((query) => {
           if (query?.length === 0) {
             this.showDefaultOptions();
@@ -137,13 +138,12 @@ export class GfSymbolAutocompleteComponent
 
           return isString(query);
         }),
-        debounceTime(400),
-        distinctUntilChanged(),
         tap(() => {
           this.isLoading = true;
 
           this.changeDetectorRef.markForCheck();
         }),
+        debounceTime(400),
         takeUntilDestroyed(this.destroyRef),
         switchMap((query: string) => {
           return this.dataService.fetchSymbols({