feat(tx-list): show total output amount (FAIR) in the /tx feed

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: NateIsern

src/components/transactions-content.tsx

@@ -159,6 +159,14 @@ export function TransactionsContent() {
                   </div>
 
                   <div className="flex shrink-0 flex-col items-end gap-0.5 text-xs">
+                    {typeof tx.amount === 'number' ? (
+                      <span className="font-semibold tabular-nums text-foreground">
+                        {tx.amount.toLocaleString(undefined, {
+                          maximumFractionDigits: 8,
+                        })}{' '}
+                        FAIR
+                      </span>
+                    ) : null}
                     {tx.blockHeight !== null ? (
                       <Link
                         to={`/block/${tx.blockHeight}`}

src/hooks/use-recent-transactions.ts

@@ -9,6 +9,8 @@ export interface RecentTransaction {
   unconfirmed: boolean
   size?: number
   fee?: number
+  /** Total output value (FAIR). Provided by the /api/transactions feed. */
+  amount?: number
 }
 
 export interface RecentTransactionsData {