Leadership Page UI

[calebyhan]

Motivation

The Leadership page showcases senate officers with photos and contact info. It's a simple card-based layout that gives a frontend dev practice with the API client pattern before tackling more complex pages.

Deliverables

• Build /senators/leadership/page.tsx displaying current leadership as photo cards
• Each card shows: headshot (or placeholder), title (e.g., "Speaker of the Senate"), full name, email
• Wire to getLeadership() from the API client
• Cards should be arranged in a grid (3 across on desktop, 2 tablet, 1 mobile)

Important Notes

• Depends on Shadcn Setup + Global Layout Shell + Navbar #7 (layout), TypeScript Types + API Client #9 (API client)
• Use mock data if backend is not ready: create src/lib/mock/leadership.ts
• The TDD says "format similar to current senate.unc.edu leadership page" — use a clean card layout with prominent photos