[Enhancement] Storyline page: redesign top info section + Writer label

[realproject7]

Problem

The top info section (title, author, plots, views, genre, rating) is messy and not well-organized. The author line says "by @project7" which should say "Writer" instead.

Changes

1. Author label: Change "by" prefix to "Writer" (e.g. "Writer @project7" instead of "by @project7")
2. Tidy layout: T3 should come up with a cleaner, well-organized layout for the header info:
   • Title (prominent)
   • Writer (with PFP + username)
   • Stats row: plots count, view count
   • Genre + language badges
   • Rating
   • Must be mobile-friendly — no overflow, proper stacking on small screens
3. Use your best judgment on grouping and spacing — the goal is clean and readable on both desktop and mobile

File

src/app/story/[storylineId]/page.tsx — StoryHeader component, lines ~254-291

Branch

task/775-storyline-header-redesign