News Detail Page + Homepage News Section

[calebyhan]

Motivation

The news detail page completes the news reading flow, and the homepage news tiles are the first content visitors see on the landing page. Together these deliver the core news experience end-to-end.

Deliverables

• Build /news/[id]/page.tsx showing: full article title, image (full-width or large), author name, published date, last edited date, and full body content
• Handle 404 / not found state with a friendly message
• Build the homepage (/page.tsx) "Recent News" section: display the 3 most recent published news articles as tiles (image, title, description) with a "View All News" link to /news
• Wire both to the API client (getNewsById, getNews with limit=3)

Important Notes

• Depends on Shadcn Setup + Global Layout Shell + Navbar #7 (layout) and TypeScript Types + API Client #9 (API client)
• The homepage will have more sections added in future sprints (carousel, calendar, finance hearing button, contact CTA) — build the news section as a self-contained component (src/components/home/RecentNews.tsx) so other sections can be added alongside it
• News body content may be HTML or Markdown (TDD says body is TEXT) — for now render as plain text; rich text rendering can be added later
• Use mock data if backend is not ready