[FULLSTACK] Integrate People collection with frontend and insert placeholder data

[sswez02]

Is your feature request related to a problem? Please describe.

The People collection exists in Payload but the frontend Our Players, Our Executives, and Our Alumni pages still display hardcoded content. We need to connect the frontend to the Payload API so it renders real data from the CMS.

Describe the solution you'd like

• Populate the People collection with client data (linked in #important-info)
• Fetch people from the Payload API on the Our Players, Our Executives, and Our Alumni pages
• Filter by the type field (player, executive, alumni) to render the correct people on each section; also have a fallback image as the logo image if not provided.
• Implement the "Showing: Players / All" frontend filter from the Figma mockup

Describe alternatives you've considered

Additional context

Payload local API docs: https://payloadcms.com/docs/local-api/overview

Suggested branch name: feat/integrate-people
Suggested commit message: feat: integrate people collection with frontend

BEFORE MERGING

• Integration test written for services
• Schemas annotated if adding new models
• Code generation run (hint: pnpm generate:types)
• Appropriate mocks created where possible
• PR Reviewed (For non-trivial changes)
• Changes tested after rebasing on master or merging in master (hint: git fetch origin master:master, then git rebase master or git merge master)
• All required PR checks passing

[sswez02]

Note for population: Don't spend wasted time on populating every item since this is a dev database not prod, so do maybe a few for each section. Include a placeholder image entry as well, with the optional fields having missing data