[UX] Round token price and supply display to readable precision

[realproject7]

UX: Round token price and supply on story page header

Problem

The story page header shows raw 18-decimal values:

• TOKEN PRICE: 0.017411310665880643 PL_TEST
• SUPPLY MINTED: 379827.262608456025243581 tokens

These are unreadable. Should be rounded to reasonable precision.

Expected

• TOKEN PRICE: 0.0174 PL_TEST (4 significant digits for small values)
• SUPPLY MINTED: 379,827.26 tokens or 379,827 (2 decimals or whole number)

Scope

• Story page header — TOKEN PRICE and SUPPLY MINTED display
• Apply the same formatPrice logic already used in PriceChart.tsx for consistency
• Also check: reader dashboard portfolio values, writer dashboard stats, and home page TVL for similar unrounded values

Files to Investigate

• src/app/story/[storylineId]/page.tsx — header stats
• src/components/ReaderPortfolio.tsx — portfolio total value
• src/app/dashboard/writer/page.tsx — token price / TVL display

Branch

task/350-number-formatting

Labels

agent/T3, ux