frontend: only render dialog with transaction info

Rendering the transaction details dialog before it has any info
will rerender the dialog and causes an effect in keyboard hook to
unnecessary remove and attach an event listener on the document
potentially 100s of times (one for each tx).

Author: thisconnect

frontends/web/src/components/transactions/components/details.tsx

@@ -77,6 +77,10 @@ export const TxDetailsDialog = ({
     }
   }, [accountCode, internalID, open, transactionInfo]);
 
+  if (transactionInfo === null) {
+    return;
+  }
+
   // Amount and Confirmations info are displayed using props data
   // instead of transactionInfo because they are live updated.
   return (