Portfolio tab v3 — minimal clean redesign for mobile

[realproject7]

Problem

Portfolio tab has gone through v1 and v2 — still looks messy on mobile. Too many sections with inconsistent spacing, genre tags breaking layout, inline stats wrapping awkwardly.

Requirements

Use `/frontend-design` skill — mobile-first, minimal, clean.

Design priorities

1. Mobile-first: design for 375px FIRST
2. Minimal: clean lines, consistent spacing, tight typography
3. No toggles/accordions
4. Clear visual sections with proper separation

Info to display (all visible)

Portfolio summary:

• Total value (PLOT + USD), token count, best 24h pick + %

Holdings (per token):

• Name + genre tag + value (PLOT + USD) + 24h %
• Balance · price · entry price · last traded (compact secondary line)

Donations:

• Received: total (PLOT + USD) + count
• Given: total (PLOT + USD) + count, per-story rows

Trading history:

• Buy/Sell · story name · amount (PLOT + USD) · tokens · date · tx link

Design reference

Think Zerion/Zapper portfolio view — clean token list, compact rows, clear hierarchy. Not a data dump.

Files to modify

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

Branch

`task/721-portfolio-v3`

Self-Verification (T3)

• Mobile (375px): clean, minimal, no overflow
• No toggle/collapse buttons
• All info visible: portfolio, holdings, donations, trades
• Genre tags don't break layout on mobile
• Desktop: scales up properly
• `npm run build` passes