fix: Pass along decimal balance to swaps UI

ui/pages/asset/components/asset-page.tsx

@@ -56,6 +56,7 @@ import { getMultichainShouldShowFiat } from '../../../selectors/multichain';
 import { getPortfolioUrl } from '../../../helpers/utils/portfolio';
 import AssetChart from './chart/asset-chart';
 import TokenButtons from './token-buttons';
+import { hexToDecimal } from '../../../../shared/modules/conversion.utils';
 
 /** Information about a native or token asset */
 export type Asset = (
@@ -151,6 +152,9 @@ const AssetPage = ({
       ? toChecksumHexAddress(asset.address)
       : getNativeTokenAddress(chainId);
 
+  const tokenHexBalance =
+    selectedAccountTokenBalancesAcrossChains[chainId][address as Hex];
+
   const balance = calculateTokenBalance({
     isNative: type === AssetType.native,
     chainId,
@@ -187,10 +191,10 @@ const AssetPage = ({
       tokenMarketDetails.allTimeHigh > 0 ||
       tokenMarketDetails.allTimeLow > 0);
 
-  // this is needed in order to assign the correct balances to TokenButtons before sending/swapping
-  // without this, the balances we be populated as zero until the user refreshes the screen: https://github.com/MetaMask/metamask-extension/issues/28509
+  // this is needed in order to assign the correct balances to TokenButtons before navigating to send/swap screens
+
   asset.balance = {
-    value: '', // decimal value not needed
+    value: hexToDecimal(tokenHexBalance),
     display: String(balance),
     fiat: String(tokenFiatAmount),
   };