Fix zero balance

Author: JunichiSugiura

packages/profile/src/components/inventory/token/send/amount.tsx

@@ -23,9 +23,7 @@ export function SendAmount({
     (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement>) => {
       e.preventDefault();
       if (!token) return;
-      setAmount(
-        parseFloat(formatBalance(token.balance ?? 0n).replace("~", "")),
-      );
+      setAmount(parseFloat(formatBalance(token.balance ?? 0n)));
     },
     [token, setAmount],
   );
@@ -50,7 +48,7 @@ export function SendAmount({
           ? convertTokenAmountToUSD(token.balance, token.decimals, token.price)
           : undefined
       }
-      balance={parseFloat(formatBalance(token.balance ?? 0n).replace("~", ""))}
+      balance={parseFloat(formatBalance(token.balance ?? 0n))}
       symbol={token.symbol}
       decimals={token.decimals ?? 18}
       setError={setError}

packages/profile/src/components/inventory/token/tokens.tsx

@@ -44,7 +44,9 @@ export function Tokens() {
               className="hover:opacity-80"
             >
               <div className="flex items-center gap-2">
-                {token.balance ? formatBalance(token.balance) : "..."}
+                {token.balance !== undefined
+                  ? formatBalance(token.balance)
+                  : "..."}
                 <span className="text-foreground-400">{token.symbol}</span>
               </div>