Responded to MR feedback

src/app/products/product/product-details/product-details.component.html

@@ -49,13 +49,15 @@
     {{qp.name}}
   </a>
   <ng-template #noQuicklook>
-    <em *ngIf="(loadingQlProduct$ | async) === true">
-      Loading...
-    </em>
-    <span *ngIf="(loadingQlProduct$ | async) === false">
+    <span *ngIf="(loadingQlProduct$ | async) === false; else loading">
       Not Found
     </span>
   </ng-template>
+  <ng-template #loading>
+    <em>
+      Loading...
+    </em>
+  </ng-template>
 </div>
 
 <div class="mt-2" *ngIf="product.versions.length > 0">

src/app/products/product/product-details/product-details.component.ts

@@ -93,7 +93,14 @@ export class ProductDetailsComponent implements OnInit, OnChanges, OnDestroy {
         // Checked on dev on 12/9/2024
         if (currProduct.minitiles.length == 1) {
           this.loadingQlProduct.next(true);
-          this.productService.getImageProductBy('quicklook', currProduct.minitiles[0].name, parseFloat(currProduct.phaseCenterRA), parseFloat(currProduct.phaseCenterDec), currProduct.epoch, currProduct.epochHalf).pipe(takeUntil(this.ngUnsubscribe)).subscribe(
+          this.productService.getImageProductBy(
+            'quicklook',
+            currProduct.minitiles[0].name,
+            parseFloat(currProduct.phaseCenterRA),
+            parseFloat(currProduct.phaseCenterDec),
+            currProduct.epoch,
+            currProduct.epochHalf
+          ).pipe(takeUntil(this.ngUnsubscribe)).subscribe(
             quicklookProduct => {
               this.quicklookProduct.next(quicklookProduct);
               this.loadingQlProduct.next(false);