fix(crypto wallets): update translation

src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.module.css

@@ -33,6 +33,16 @@
   box-shadow: var(--box-shadow-input);
 }
 
+.walletField a {
+  color: var(--post-link-text-color);
+  text-decoration: var(--post-content-link-text-decoration);
+}
+
+.walletField a:hover {
+  color: var(--post-link-text-color-hover);
+  text-decoration: var(--post-content-link-text-decoration-hover);
+}
+
 .copyMessage {
   padding-top: 10px;
 }

src/components/settings-modal/crypto-wallets-setting/crypto-wallets-setting.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Account, setAccount, useAccount } from '@plebbit/plebbit-react-hooks';
 import styles from './crypto-wallets-setting.module.css';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import _ from 'lodash';
 
 interface Wallet {
@@ -123,10 +123,12 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => {
         </div>
         <div className={styles.walletField}>
           <span className={styles.walletFieldTitle}>
-            Copy message to sign on{' '}
-            <a href='https://etherscan.io/verifiedSignatures' target='_blank' rel='noopener noreferrer'>
-              etherscan
-            </a>
+            <Trans
+              i18nKey='copy_message_etherscan'
+              components={{
+                1: <a href='https://etherscan.io/verifiedSignatures' target='_blank' rel='noopener noreferrer' />,
+              }}
+            />
             :{' '}
           </span>
           <button onClick={() => copyMessageToSign(walletsArray[selectedWallet], selectedWallet)}>{hasCopied ? t('copied') : t('copy')}</button>