feat(wallet, wallet dashboard): avoid rounding balance changes in tx details (#5435)

Author: evavirseda

apps/core/src/components/cards/BalanceChanges.tsx

@@ -11,6 +11,7 @@ import { CoinItem } from '../coin';
 import { RecognizedBadge } from '@iota/apps-ui-icons';
 import { getRecognizedUnRecognizedTokenChanges } from '../../utils';
 import { BalanceChange } from '../../interfaces';
+import { CoinFormat } from '../../hooks';
 
 interface BalanceChangesProps {
     renderExplorerLink: RenderExplorerLink;
@@ -62,6 +63,7 @@ function BalanceChangeEntry({ change }: { change: BalanceChange }) {
                     <RecognizedBadge className="h-4 w-4 text-primary-40" />
                 )
             }
+            format={CoinFormat.FULL}
         />
     );
 }

apps/core/src/components/coin/CoinItem.tsx

@@ -13,7 +13,7 @@ import {
 import { CoinIcon, ImageIconSize } from '../';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
 import { type ReactNode } from 'react';
-import { useFormatCoin } from '../../hooks';
+import { CoinFormat, useFormatCoin } from '../../hooks';
 
 interface CoinItemProps {
     coinType: string;
@@ -22,6 +22,7 @@ interface CoinItemProps {
     icon?: ReactNode;
     clickableAction?: ReactNode;
     usd?: number;
+    format?: CoinFormat;
 }
 
 export function CoinItem({
@@ -31,8 +32,9 @@ export function CoinItem({
     icon,
     clickableAction,
     usd,
+    format,
 }: CoinItemProps): React.JSX.Element {
-    const [formatted, symbol, { data: coinMeta }] = useFormatCoin({ balance, coinType });
+    const [formatted, symbol, { data: coinMeta }] = useFormatCoin({ balance, coinType, format });
     const isIota = coinType === IOTA_TYPE_ARG;
 
     return (