Redesign Stories tab layout — tidy up writer stats + storyline cards

[realproject7]

Problem

The Stories tab on the profile page is cluttered and hard to scan, especially on mobile (Image 215). Issues:

• Writer Stats box has too many rows with inconsistent spacing
• Storyline card crams too much info (plots, price, holders, views, donations, deadline, TVL, royalties, donation history) into one dense block
• Royalties number overflows with too many decimals (`4.2288977252 PLOT`)
• Donation history within each card adds unnecessary vertical length
• Overall layout feels like a data dump, not a designed dashboard

Requirements

Use `/frontend-design` skill to come up with a new, tidier design that:

1. Still displays ALL current information — nothing removed, but reorganized
2. Two views: own profile (with Claim, genre edit, donation history) vs public profile (read-only)
3. Better visual hierarchy — most important info (storyline title, status, price) prominent; secondary info (holders, views, TVL) compact
4. Cleaner number formatting — truncate royalties to 4 decimals max, not 10+
5. Mobile-first — must look clean at 375px

Design direction

• Consider collapsible sections (donation history collapsed by default)
• Consider card-within-card nesting reduction
• Consider horizontal stat rows instead of grid blocks
• Maintain PlotLink's terminal/monospace aesthetic
• Keep the cream/brown color scheme and bordered card style

Information to display per storyline

Always visible:

• Title + genre badge + active/sunset status
• Plot count, holders, views
• Token price (PLOT + USD)
• Created date
• Deadline countdown (if active)

Expandable / secondary:

• TVL (PLOT + USD)
• Donation total + count
• Donation history rows (own profile only)

Own profile only:

• Royalties + Claim button
• Genre/language edit

Writer Stats summary:

• Storylines count, total plots, total holders, total donations (PLOT + USD), total claimable (PLOT + USD)

Files to modify

• `src/app/profile/[address]/page.tsx` — Stories tab section

Branch

`task/699-stories-tab-redesign`

Self-Verification (T3)

• All current information still displayed (nothing removed)
• Own profile: Claim, genre edit, donation history all functional
• Public profile: read-only, no action buttons
• Royalties truncated to 4 decimals max
• Mobile (375px): clean, no overflow, easy to scan
• Desktop: good use of horizontal space
• Matches PlotLink terminal aesthetic
• `npm run build` passes