wallet-connect: fix ui crash when account unspecified by dapp

some dapps may not populate Wallet Connect's Session Namespaces with
data about which account they are connecting to
while this is not recommended behavior, it is up to the wallet software to
handle (as per wallet connect namespace documentation)
since the user can have multiple accounts in the bitbox app, we rely
on the namespaces to show which one of these accounts the WC dapp
session is connected to, however, the session should work even in
absence of this information so we show "Unspecified account" instead
when the dapp doesn't provide this session information

Author: Tomasvrba

frontends/web/src/locales/en/app.json

@@ -1759,7 +1759,8 @@
       "allSessions": "All sessions",
       "disclaimer": "Walletconnect is a protocol to connect to Ethereum based Dapps. These dapps are run by third-party services, so only connect to dapps you trust and be sure to always know what you are signing when making a transaction.",
       "newConnection": "New connection",
-      "noConnectedSessions": "No accounts are currently connected to any dapps."
+      "noConnectedSessions": "No accounts are currently connected to any dapps.",
+      "unspecifiedAccount": "Unspecified account"
     },
     "invalidPairingChain": "Error in approving pairing. Please make sure to use one of the supported chains: {{chains}}",
     "pairingRequest": {

frontends/web/src/routes/account/walletconnect/components/session-card/session-card.tsx

@@ -63,7 +63,7 @@ export const WCSessionCard = ({ metadata, receiveAddress, onDisconnect }: TWCSes
   const { name, url, icons } = metadata;
   const accountDetail = useLoad(() => getEthAccountCodeAndNameByAddress(receiveAddress), []);
   const truncatedAddress = truncateAddress(receiveAddress);
-  const accountName = accountDetail && accountDetail.success ? accountDetail.name : '';
+  const accountName = accountDetail && accountDetail.success ? accountDetail.name : t('walletConnect.dashboard.unspecifiedAccount');
 
   return (
     <div className={styles.container}>

frontends/web/src/routes/account/walletconnect/dashboard.tsx

@@ -106,14 +106,16 @@ export const DashboardWalletConnect = ({ code, accounts }: TProps) => {
               {hasSession &&
             <div className={styles.sessionCardsContainer}>
               <p className={styles.allSessionsHeading}>{t('walletConnect.dashboard.allSessions')}</p>
-              {sessions.map(session =>
-                <WCSessionCard
-                  key={session.topic}
-                  receiveAddress={getAddressFromEIPString(session.namespaces['eip155'].accounts[0])}
-                  metadata={session.peer.metadata}
-                  onDisconnect={() => handleDisconnectSession(session.topic)}
-                />
-              )}
+              {sessions.map(session => {
+                return (
+                  <WCSessionCard
+                    key={session.topic}
+                    receiveAddress={session.namespaces['eip155'].accounts[0] ? getAddressFromEIPString(session.namespaces['eip155'].accounts[0]) : ''}
+                    metadata={session.peer.metadata}
+                    onDisconnect={() => handleDisconnectSession(session.topic)}
+                  />
+                );
+              })}
             </div>
               }
               {!hasSession &&