fix token transfer on token page

ui/token/TokenDetails.tsx

@@ -49,8 +49,14 @@ const TokenDetails = ({ tokenQuery }: Props) => {
 
     const tab: TokenTabs = item === 'token_holders_count' ? 'holders' : 'token_transfers';
 
-    return <Link onClick={ changeUrlAndScroll(tab) }>{ Number(itemValue).toLocaleString() }</Link>;
-  }, [ tokenCountersQuery.data, changeUrlAndScroll ]);
+    return (
+      <Skeleton isLoaded={ !tokenCountersQuery.isPlaceholderData }>
+        <Link onClick={ changeUrlAndScroll(tab) }>
+          { Number(itemValue).toLocaleString() }
+        </Link>
+      </Skeleton>
+    );
+  }, [ tokenCountersQuery.data, tokenCountersQuery.isPlaceholderData, changeUrlAndScroll ]);
 
   if (tokenQuery.isError) {
     throw Error('Token fetch error', { cause: tokenQuery.error as unknown as Error });

ui/token/TokenTransfer/TokenTransferList.tsx

@@ -16,7 +16,7 @@ const TokenTransferList = ({ data, tokenId, isLoading }: Props) => {
     <Box>
       { data.map((item, index) => (
         <TokenTransferListItem
-          key={ index }
+          key={ item.tx_hash + item.block_hash + item.log_index + '_' + index }
           { ...item }
           tokenId={ tokenId }
           isLoading={ isLoading }

ui/token/TokenTransfer/TokenTransferListItem.tsx

@@ -90,7 +90,7 @@ const TokenTransferListItem = ({
             Value
           </Skeleton>
           <Skeleton isLoaded={ !isLoading } color="text_secondary">
-            { value }
+            <span>{ value }</span>
           </Skeleton>
           <Skeleton isLoaded={ !isLoading }>{ trimTokenSymbol(token.symbol) }</Skeleton>
         </Flex>

ui/token/TokenTransfer/TokenTransferTable.tsx

@@ -48,7 +48,12 @@ const TokenTransferTable = ({ data, top, showSocketInfo, socketInfoAlert, socket
           />
         ) }
         { data.map((item, index) => (
-          <TokenTransferTableItem key={ index } { ...item } tokenId={ tokenId } isLoading={ isLoading }/>
+          <TokenTransferTableItem
+            key={ item.tx_hash + item.block_hash + item.log_index + '_' + index }
+            { ...item }
+            tokenId={ tokenId }
+            isLoading={ isLoading }
+          />
         )) }
       </Tbody>
     </Table>