fix(frontend): transaction card tooltips (#757)

Author: nikitayutanov

js/frontend/src/features/history/components/transaction-card/transaction-card.module.scss

@@ -32,6 +32,7 @@
     position: absolute;
     right: -40%;
     bottom: -100%;
+    z-index: -1;
 
     width: 100%;
     height: 200%;

js/frontend/src/features/history/components/transaction-card/transaction-card.tsx

@@ -1,10 +1,10 @@
 import { HexString } from '@gear-js/api';
 import { generatePath, Link } from 'react-router-dom';
 
-import { Card, CopyButton, Skeleton, Tooltip } from '@/components';
+import { Address, Card, CopyButton, Skeleton, Tooltip } from '@/components';
 import { ROUTE } from '@/consts';
 import { Token } from '@/context';
-import { cx, getTruncatedText } from '@/utils';
+import { cx } from '@/utils';
 
 import { Transfer } from '../../types';
 import { BlockNumberLink } from '../block-number-link';
@@ -41,7 +41,7 @@ function TransactionCard(props: Props) {
       <Link to={generatePath(ROUTE.TRANSACTION, { id })} className={styles.info}>
         <TransactionDate timestamp={timestamp} className={styles.date} />
 
-        <p className={styles.hash}>{getTruncatedText(txHash)}</p>
+        <Address value={txHash} className={styles.hash} />
 
         <TransactionPair {...props} />
         <TransactionStatus status={status} />