[FRONTEND] Reusable About Us page card grid component

[bryyj-y]

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

The About Us page requires a people/headshots section with a consistent structure, but different content across executives, alumni, and partners. Building separate components for each would lead to duplicated code and inconsistent behaviour.

Describe the solution you'd like

• Build a responsive card grid section for the “Our People” page
• Each card should follow one of the following formats depending on category:
  - Executives: {image, name, role}
  - Alumni: {image, name, role}
  - Partners: {image, name, company}
• Cards should be visually consistent with:
  - Square image
  - Left-aligned text beside image
• Display all data as hardcoded placeholder content for now
• Ensure responsive layout (grid on desktop, stacked on mobile)
• Match Figma design styling

Additional context

• This is a static implementation for M1
• Backend integration and real data will be added later
• Images may be replaced with real headshots at a later stage

BEFORE MERGING

• Storybooks created where possible
• Tested with react testing library
• Tests written for critical interactions
• 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