[DSC-1367] Minor fixes for label flickering

Author: vins01-4science

src/app/shared/search/search-labels/search-label/search-label.component.html

@@ -1,10 +1,10 @@
-@let filter = filterValue | async;
 <a class="badge badge-primary mb-1"
+   *ngVar="filterValue | async as filter"
    [attr.aria-label]="'search.filters.remove' | translate:{ type: ('search.filters.applied.' + key) | translate, value: filter }"
    [routerLink]="searchLink"
    [queryParams]="(removeParameters | async)" queryParamsHandling="merge">
-    <span class="d-flex">
-      <span class="flex-grow-1 text-left">{{('search.filters.applied.' + key) | translate}}: {{'search.filters.' + filterName + '.' + value | translate: {default: filter } }}</span>
+    <span class="d-flex" *ngIf="filter">
+      <span class="flex-grow-1 text-left">{{('search.filters.applied.' + key) | translate}}: {{'search.filters.' + filterName + '.' + filter | translate: {default: filter } }}</span>
       <span class="pl-1" aria-hidden="true">×</span>
     </span>
 </a>