refactor(FormattedAmount): simplify component by removing trailing zero trimming and directly returning formatted amount for cleaner code and improved readability

Author: fedosov

app/components/common/FormattedAmount.tsx

@@ -2,11 +2,6 @@ import { formatBalance } from "@polkadot/util";
 import { useAtomValue } from "jotai";
 import { formatOptionsAtom } from "../../atoms";
 
-function trimTrailingZeros(value: string): string {
-	// Remove trailing zeros after decimal point, and the decimal point itself if no decimals left
-	return value.replace(/\.?0+$/, "");
-}
-
 type FormattedAmountProps = {
 	value: number | bigint;
 	decimals?: number;
@@ -23,19 +18,10 @@ export function FormattedAmount({
 		return null;
 	}
 	const options = {
-		withUnit: Boolean(unit) || formatOptions.unit,
+		withUnit: unit || formatOptions.unit,
 		decimals: decimals ?? formatOptions.decimals,
-		withSi: true,
-		unit: unit,
+		withZero: false,
 	};
 	const formattedAmount = formatBalance(BigInt(value), options);
-	// Split the amount and unit to handle them separately
-	const [amount, displayUnit] = formattedAmount.split(" ");
-	const cleanAmount = trimTrailingZeros(amount);
-	return (
-		<>
-			{cleanAmount}
-			{displayUnit ? ` ${unit || displayUnit}` : ""}
-		</>
-	);
+	return <>{formattedAmount}</>;
 }