fix: resolve typecheck errors and update deposit button style

- Fix NetworkType usage in processLeaderboardRecord.ts (use string literal)
- Add chainId parameter to getCachedTokenMetadata call in RestakingAssetsTable
- Import EIP1193Provider from viem in useViemWalletClient
- Update Deposit button in VaultsTable to match Redeem button style

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>

Author: vutuanlinh2k2

apps/leaderboard/src/features/leaderboard/utils/processLeaderboardRecord.ts

@@ -170,7 +170,7 @@ export const processLeaderboardRecord = (
   pageIndex: number,
   pageSize: number,
   activity?: ActivityData,
-  network: NetworkType = NetworkType.Mainnet,
+  network: NetworkType = 'MAINNET',
 ): Account | null => {
   if (!record) {
     return null;

apps/tangle-dapp/src/components/LiquidStaking/VaultsTable.tsx

@@ -36,8 +36,6 @@ const COLUMN_HELPER = createColumnHelper<VaultWithAssetInfo>();
 
 const shortenAddress = (address: Address) =>
   `${address.slice(0, 6)}...${address.slice(-4)}`;
-const TABLE_ACTION_BUTTON_CLASS =
-  'uppercase body4 font-semibold transition-all duration-200 bg-purple-10 dark:bg-purple-120 text-purple-70 dark:text-purple-40 hover:bg-purple-20 dark:hover:bg-purple-110 border border-purple-30 dark:border-purple-100';
 
 const COLUMNS = [
   COLUMN_HELPER.accessor('operator', {
@@ -113,19 +111,15 @@ const COLUMNS = [
     id: 'actions',
     header: () => null,
     cell: ({ row }) => (
-      <TableCellWrapper removeRightBorder className="p-3 justify-center">
-        <Link
-          to={`${PagePath.LIQUID_STAKING_DEPOSIT}?vault=${row.original.address}`}
-          onClick={(e) => e.stopPropagation()}
-        >
-          <Button
-            size="sm"
-            variant="utility"
-            className={TABLE_ACTION_BUTTON_CLASS}
+      <TableCellWrapper removeRightBorder>
+        <div className="flex items-center justify-end gap-2">
+          <Link
+            to={`${PagePath.LIQUID_STAKING_DEPOSIT}?vault=${row.original.address}`}
+            onClick={(e) => e.stopPropagation()}
           >
-            Deposit
-          </Button>
-        </Link>
+            <Button size="sm">Deposit</Button>
+          </Link>
+        </div>
       </TableCellWrapper>
     ),
     enableSorting: false,

apps/tangle-dapp/src/components/tables/RestakingAssetsTable.tsx

@@ -2,6 +2,7 @@ import { FC, useMemo } from 'react';
 import { BN } from '@polkadot/util';
 import { TokenIcon } from '@tangle-network/icons';
 import Spinner from '@tangle-network/icons/Spinner';
+import { useChainId } from 'wagmi';
 import HeaderCell from '@tangle-network/tangle-shared-ui/components/tables/HeaderCell';
 import TableCellWrapper from '@tangle-network/tangle-shared-ui/components/tables/TableCellWrapper';
 import TableStatus from '@tangle-network/tangle-shared-ui/components/tables/TableStatus';
@@ -59,13 +60,17 @@ const TABLE_ACTION_BUTTON_CLASS =
 const isFallbackSymbol = (symbol: string) =>
   symbol.startsWith('0x') || symbol.includes('...');
 
-const resolveTokenIconSymbol = (symbol: string, address: Address) => {
-  const cached = getCachedTokenMetadata(address);
+const resolveTokenIconSymbol = (
+  chainId: number,
+  symbol: string,
+  address: Address,
+) => {
+  const cached = getCachedTokenMetadata(chainId, address);
   const candidate = cached?.symbol ?? symbol;
   return isFallbackSymbol(candidate) ? null : candidate;
 };
 
-const getColumns = () => [
+const getColumns = (chainId: number) => [
   COLUMN_HELPER.accessor('id', {
     header: () => <HeaderCell title="Asset" />,
     cell: (props) => (
@@ -74,6 +79,7 @@ const getColumns = () => [
           <div className="flex items-center justify-center w-10 h-10">
             {(() => {
               const iconSymbol = resolveTokenIconSymbol(
+                chainId,
                 props.row.original.symbol,
                 props.row.original.tokenAddress,
               );
@@ -202,6 +208,8 @@ export const RestakingAssetsTable: FC<Props> = ({
   delegator,
   isLoading,
 }) => {
+  const chainId = useChainId();
+
   const protocolAssetMap = useMemo(() => {
     const map = new Map<string, RestakingAsset>();
     restakingAssets?.forEach((asset) => {
@@ -249,14 +257,14 @@ export const RestakingAssetsTable: FC<Props> = ({
       () =>
         ({
           data: tableData,
-          columns: getColumns(),
+          columns: getColumns(chainId),
           getCoreRowModel: getCoreRowModel(),
           getSortedRowModel: getSortedRowModel(),
           getPaginationRowModel: getPaginationRowModel(),
           autoResetPageIndex: false,
           enableSortingRemoval: false,
         }) satisfies TableOptions<RestakeAssetRow>,
-      [tableData],
+      [tableData, chainId],
     ),
   );
 

libs/tangle-shared-ui/src/hooks/useViemWalletClient.ts

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react';
 import {
   createWalletClient,
   custom,
+  EIP1193Provider,
   http,
   Transport,
   WalletClient,