[mobile] Separate TVL and plot count into individual lines on story cards

[realproject7]

Summary

On mobile, the metadata row below book cards wraps awkwardly — "TVL: 0.00400 WETH | 4 plots linked" breaks mid-value. Separate TVL and plot count onto their own lines so neither value breaks.

Current

<!-- src/components/StoryCard.tsx:71-85 -->
<div className="text-muted mt-2 flex flex-wrap items-center justify-between gap-x-2 gap-y-1 pl-[7px] pr-1 text-[10px]">
  <div className="flex items-center gap-1">
    <StoryCardTVL ... />
    <span>|</span>
    <span>{plot_count} plots linked</span>
  </div>
  <RatingSummary ... />
</div>

TVL and plot count are inline with a | separator. On narrow cards they wrap mid-text.

Desired

• Stack TVL and plot count vertically (separate lines)
• Remove the | separator
• Each line should be whitespace-nowrap so values never break
• Rating summary can stay on its own line or to the right

Reference

See screenshot (image 1) — the card metadata breaks across lines.

Acceptance Criteria

• TVL and plot count render on separate lines
• Neither value wraps/breaks at any card width
• Rating summary still visible
• Looks correct on 2-column mobile grid

Labels

agent/T3, plotlink, ui, mobile