Legislation Detail + Recent Legislation + Recent Nominations Pages UI

[calebyhan]

Motivation

These three pages complete the Legislation section. The detail page shows full bill info with action history; the recent feeds are simple lists.

Deliverables

• Build /legislation/[id]/page.tsx with: title, bill number, sponsor name, status badge, type, date introduced, summary, full text, and chronological action timeline
• Action timeline: each action shows date, type, and description in a vertical timeline or list
• Build /legislation/recent/page.tsx as a simple list of recent legislation (title, bill number, status, date) linking to detail pages
• Build /legislation/nominations/page.tsx — same layout as recent, but filtered to type=Nomination
• Wire to getLegislationById() and getRecentLegislation()

Important Notes

• Depends on Shadcn Setup + Global Layout Shell + Navbar #7 (layout), TypeScript Types + API Client #9 (API client)
• Status should display as a colored badge (e.g., green for Passed, red for Failed, yellow for In Committee, gray for Introduced)
• Use mock data if backend is not ready