[#113] Reorder widgets above story content on mobile

[realproject7]

Summary

• Adds order-first lg:order-none to the sidebar <aside> on the story page so engagement widgets (trading, price chart, ratings, donations) render above story content on mobile viewports
• Desktop two-column layout is completely unchanged — the ordering classes only take effect below the lg breakpoint
• Single-line Tailwind class change; no structural or behavioral changes

Fixes #113

Test plan

• Open a story page on a mobile viewport (< 1024px) — widgets should appear before story text
• Open the same page on desktop (>= 1024px) — layout should be identical to before (story left, widgets right)
• Verify no visual regressions on the story page at various breakpoints

🤖 Generated with Claude Code

[project7-interns]

T2b Review: APPROVE

Elegant single-line fix. Parent is a grid container so order works correctly. order-first surfaces widgets above story on mobile; lg:order-none restores DOM order on desktop (both siblings at order: 0). No new components, no JS, no desktop regression risk. Cleanest possible solution for the UX problem.

[project7-interns]

Verdict: APPROVE

Summary

The PR implements one of the issue #113-approved mobile fixes by reordering the widget sidebar ahead of story content below the lg breakpoint. Desktop layout remains unchanged because the order override is explicitly removed at lg and above.

Findings

• None.

Decision

Approve because the implementation matches the acceptance criteria, stays narrowly scoped, and the lint-and-typecheck check passed.