Fix send balance formatting (#13204)

### Description

### How Has This Been Tested?

<img width="737" height="614" alt="Screenshot 2025-10-08 at 9 56 46 AM"
src="https://github.com/user-attachments/assets/ecc64b93-89ea-4706-8024-60cae0c0c1d7"
/>

Author: dharit-tan

packages/web/src/components/send-tokens-modal/SendTokensConfirmation.tsx

@@ -72,6 +72,12 @@ const SendTokensConfirmation = ({
     )
   }
 
+  const formattedBalance =
+    tokenBalance?.balance.toLocaleString('en-US', {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }) ?? ''
+
   const handleCheckboxChange = (event: ChangeEvent<HTMLInputElement>) => {
     setIsConfirmed(event.target.checked)
   }
@@ -93,7 +99,7 @@ const SendTokensConfirmation = ({
       <CryptoBalanceSection
         tokenInfo={tokenInfo}
         name={tokenInfo.name}
-        amount={tokenBalance?.balanceLocaleString ?? ''}
+        amount={formattedBalance}
       />
 
       <Divider orientation='horizontal' />

packages/web/src/components/send-tokens-modal/SendTokensInput.tsx

@@ -68,6 +68,11 @@ const SendTokensInput = ({
     includeStaked: false
   })
   const tokenInfo = coin ? transformArtistCoinToTokenInfo(coin) : undefined
+  const formattedBalance =
+    tokenBalance?.balance.toLocaleString('en-US', {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }) ?? ''
 
   const handleAmountChange = useCallback((value: string, weiAmount: bigint) => {
     setAmount(value)
@@ -158,9 +163,6 @@ const SendTokensInput = ({
     )
   }
 
-  // Use the pre-formatted balance from the tokenBalance hook
-  const formattedBalance = tokenBalance?.balanceLocaleString ?? ''
-
   return (
     <Flex direction='column' gap='xl' p='xl'>
       {/* Token Balance Section */}

packages/web/src/components/send-tokens-modal/SendTokensSuccess.tsx

@@ -4,7 +4,7 @@ import {
   transformArtistCoinToTokenInfo
 } from '@audius/common/api'
 import { makeSolanaTransactionLink } from '@audius/common/utils'
-import { FixedDecimal } from '@audius/fixed-decimal'
+import { AUDIO, FixedDecimal } from '@audius/fixed-decimal'
 import {
   Button,
   Text,
@@ -17,6 +17,7 @@ import {
 } from '@audius/harmony'
 
 import { CryptoBalanceSection } from 'components/buy-sell-modal/CryptoBalanceSection'
+import { env } from 'services/env'
 
 interface SendTokensSuccessProps {
   mint: string
@@ -52,6 +53,7 @@ const SendTokensSuccess = ({
   const currentBalance = tokenBalance?.balance
     ? tokenBalance.balance.value
     : BigInt(0)
+  const isAudio = mint === env.WAUDIO_MINT_ADDRESS
 
   const formatAmount = (amount: bigint) => {
     return new FixedDecimal(amount, tokenInfo?.decimals).toLocaleString(
@@ -64,6 +66,12 @@ const SendTokensSuccess = ({
   }
 
   const formatBalance = (balance: bigint) => {
+    if (isAudio) {
+      return AUDIO(balance).toLocaleString('en-US', {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      })
+    }
     return new FixedDecimal(balance, tokenInfo?.decimals).toLocaleString(
       'en-US',
       {