frontend: consistently format btc amount in balance and summary

In the transaction overview, the amounts are displayed with a space:
0.00 000 000, in the account balance without 0.00000000.

With a space, the amount is much easier to read consistent with other
amounts in the app.

Author: thisconnect

CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## Unreleased
+- Format BTC/sat spaces consitently in account summary and total balance
 
 ## v4.48.0
 - Removed the BTC/sat switch from the general settings in favor of a rotating unit in the account balance.

frontends/web/src/components/balance/balance.tsx

@@ -46,13 +46,11 @@ export const Balance = ({
             amount={balance.available}
             tableRow
             enableRotateUnit={!noRotateFiat}
-            removeBtcTrailingZeroes
           />
           <AmountWithUnit
             amount={balance.available}
             tableRow
             enableRotateUnit={!noRotateFiat}
-            removeBtcTrailingZeroes
             convertToFiat
           />
         </tbody>
@@ -66,11 +64,14 @@ export const Balance = ({
               +<Amount
                 amount={balance.incoming.amount}
                 unit={balance.incoming.unit}
-                removeBtcTrailingZeroes/>
+              />
               {' '}{balance.incoming.unit} /
               <span className={style.incomingConversion}>
                 {' '}
-                <AmountWithUnit amount={balance.incoming} removeBtcTrailingZeroes convertToFiat/>
+                <AmountWithUnit
+                  amount={balance.incoming}
+                  convertToFiat
+                />
               </span>
             </span>
           </p>

frontends/web/src/routes/account/summary/chart.tsx

@@ -581,7 +581,6 @@ export const Chart = ({
               <Amount
                 amount={!showMobileTotalValue ? formattedChartTotal : toolTipValue}
                 unit={chartFiat}
-                removeBtcTrailingZeroes
                 onMobileClick={rotateDefaultCurrency}
               />
             ) : (

frontends/web/src/routes/bitsurance/dashboard.tsx

@@ -168,7 +168,6 @@ export const BitsuranceDashboard = ({ accounts }: TProps) => {
                                     <Amount
                                       amount={balances[account.code].available.amount}
                                       unit={balances[account.code].available.unit}
-                                      removeBtcTrailingZeroes
                                     />
                                     {` ${balances[account.code].available.unit}`}
                                   </>