Add label for connected metamask address (#87)

src/components/DepositDialog.js

@@ -39,6 +39,7 @@ export default function DepositDialog({
   publicKey,
   balanceInfo,
 }) {
+  const ethAccount = useEthAccount();
   const isProdNetwork = useIsProdNetwork();
   const urlSuffix = useSolanaExplorerUrlSuffix();
   const { mint, tokenName, tokenSymbol, owner } = balanceInfo;
@@ -94,6 +95,13 @@ export default function DepositDialog({
       <DialogTitle>
         Deposit {tokenName ?? mint.toBase58()}
         {tokenSymbol ? ` (${tokenSymbol})` : null}
+        {ethAccount && (
+          <div>
+            <Typography color="textSecondary" style={{ fontSize: '14px' }}>
+              Metamask connected: {ethAccount}
+            </Typography>
+          </div>
+        )}
       </DialogTitle>
       {tabs}
       <DialogContent style={{ paddingTop: 16 }}>

src/components/SendDialog.js

@@ -65,6 +65,13 @@ export default function SendDialog({ open, onClose, publicKey, balanceInfo }) {
         <DialogTitle>
           Send {tokenName ?? abbreviateAddress(mint)}
           {tokenSymbol ? ` (${tokenSymbol})` : null}
+        {ethAccount && (
+          <div>
+            <Typography color="textSecondary" style={{ fontSize: '14px' }}>
+              Metamask connected: {ethAccount}
+            </Typography>
+          </div>
+        )}
         </DialogTitle>
         {swapCoinInfo ? (
           <Tabs