Handle confirm transactions not present in the bisq database.

frontend/src/app/bisq/bisq-transaction/bisq-transaction.component.html

@@ -136,7 +136,7 @@
 
     <div class="text-center">
       Error loading transaction
-      <br>
+      <br><br>
       <i>{{ error.status }}: {{ error.statusText }}</i>
     </div>
   </ng-template>

frontend/src/app/bisq/bisq-transaction/bisq-transaction.component.ts

@@ -50,6 +50,16 @@ export class BisqTransactionComponent implements OnInit, OnDestroy {
               if (bisqTxError.status === 404) {
                 return this.electrsApiService.getTransaction$(this.txId)
                   .pipe(
+                    map((tx) => {
+                      if (tx.status.confirmed) {
+                        this.error = {
+                          status: 200,
+                          statusText: 'Transaction is confirmed but not available in the Bisq database, please try reloading this page.'
+                        };
+                        return null;
+                      }
+                      return tx;
+                    }),
                     catchError((txError: HttpErrorResponse) => {
                       console.log(txError);
                       this.error = txError;

frontend/src/app/components/block/block.component.html

@@ -157,7 +157,7 @@
   <ng-template [ngIf]="error">
     <div class="text-center">
       Error loading block data.
-      <br>
+      <br><br>
       <i>{{ error.error }}</i>
     </div>
   </ng-template>