use number formatting more places

components/hidden-wallet-summary.js

@@ -18,7 +18,7 @@ export default function HiddenWalletSummary ({ abbreviate, fixedWidth }) {
       ref={ref} style={{ width: fixedWidth ? width : undefined }}
       className='d-inline-block text-monospace' align='right' onPointerEnter={() => setHover(true)} onPointerLeave={() => setHover(false)}
     >
-      {hover ? (abbreviate ? abbrNum(me.sats) : numWithUnits(me.sats, { abbreviate: false })) : '******'}
+      {hover ? (abbreviate ? abbrNum(me.sats) : numWithUnits(me.sats, { abbreviate: false, format: true })) : '******'}
     </span>
   )
 }

components/item-full.js

@@ -145,7 +145,7 @@ function TopLevelItem ({ item, noReply, ...props }) {
             {item.bountyPaidTo?.length
               ? (
                 <div className='px-3 py-1 d-inline-block bg-grey-medium rounded text-success'>
-                  <Check className='fill-success' /> {numWithUnits(item.bounty, { abbreviate: false })} paid
+                  <Check className='fill-success' /> {numWithUnits(item.bounty, { abbreviate: false, format: true })} paid
                   {item.bountyPaidTo.length > 1 && <small className='fw-light'> {item.bountyPaidTo.length} times</small>}
                 </div>)
               : (

components/user-header.js

@@ -180,7 +180,10 @@ function HeaderHeader ({ user }) {
   const showModal = useShowModal()
 
   const isMe = me?.name === user.name
-  const Satistics = () => <div className={`mb-2 ms-0 ms-sm-1 ${styles.username} text-success`}>{user.stacked} stacked</div>
+  const Satistics = () => (
+    <div className={`mb-2 ms-0 ms-sm-1 ${styles.username} text-success`}>
+      {numWithUnits(user.stacked, { abbreviate: false, format: true })} stacked
+    </div>)
 
   const lnurlp = encodeLNUrl(new URL(`https://stacker.news/.well-known/lnurlp/${user.name}`))
   return (

pages/wallet.js

@@ -56,7 +56,7 @@ function YouHaveSats () {
       <span className='text-monospace'>{me && (
         me.hideWalletBalance
           ? <HiddenWalletSummary />
-          : numWithUnits(me.sats, { abbreviate: false })
+          : numWithUnits(me.sats, { abbreviate: false, format: true })
       )}
       </span>
     </h2>