Explain unknown tx status as encrypted

Before status icon makeover we had a keylock icon for unknown status. This
indicated it was related to transaction being encrypted. But lucide-react
doesn't have a lock-in-a-circle icon that would appear consistent with others,
so add a message instead.

Author: lukaw3d

src/app/components/StatusIcon/index.tsx

@@ -99,6 +99,13 @@ const getPendingLabel = (t: TFunction, method: string | undefined, withText?: bo
   return t('transaction.startedDescription', { method: translatedMethod })
 }
 
+const getUnknownLabel = (t: TFunction, withText?: boolean) => {
+  if (withText) {
+    return t('common.unknown')
+  }
+  return t('transaction.tooltips.statusEncrypted')
+}
+
 export const StatusIcon: FC<StatusIconProps> = ({ success, error, withText, method }) => {
   const { t } = useTranslation()
   const status: TxStatus =
@@ -110,7 +117,7 @@ export const StatusIcon: FC<StatusIconProps> = ({ success, error, withText, meth
         ? 'success'
         : 'failure'
   const statusLabel: Record<TxStatus, string> = {
-    unknown: t('common.unknown'),
+    unknown: getUnknownLabel(t, withText),
     success: t('common.success'),
     failure: t('common.failed'),
     pending: getPendingLabel(t, method, withText),
@@ -133,6 +140,7 @@ export const StatusIcon: FC<StatusIconProps> = ({ success, error, withText, meth
         </div>
         {errorMessage && <StatusDetails error>{errorMessage}</StatusDetails>}
         {!errorMessage && status === 'pending' && <StatusDetails>{getPendingLabel(t, method)}</StatusDetails>}
+        {status === 'unknown' && <StatusDetails>{getUnknownLabel(t)}</StatusDetails>}
       </>
     )
   } else {

src/locales/en/translation.json

@@ -541,6 +541,7 @@
     "started": "Started",
     "startedDescription": "{{ method }} has started, final result will be known in the next block",
     "tooltips": {
+      "statusEncrypted": "Status is encrypted.",
       "txEncrypted": "This transaction is encrypted.",
       "txNotEncrypted": "This transaction is <strong>not</strong> encrypted."
     },