feat: Officer photo update workflow

[jeydinpham]

This PR introduces significant improvements to the officer images sync workflow and the officers page, focusing on automation, data structure enhancements, and UI/UX upgrades. This PR closes #234.

Automation and Workflow:

• Added a new GitHub Actions workflow (.github/workflows/sync-firebase-images.yml) to automatically sync officer images and data from Firebase Storage and Firestore. The workflow also updates public/assets/officer/ and config/officers.config.ts as part of the process.

UI/UX Improvements for Officers Page:

• Redesigned the officers page background and layout for a more modern and visually appealing appearance, including a fixed background and improved container structure.
• Enhanced the officer grid:
  • Officers are now sorted by level (if present), then by name.
  • Officer cards now display social icons (LinkedIn, GitHub) if available.
  • Officer count is shown per division (except for advisor).
  • Improved officer image handling and fallback logic.
• Updated the officer header with a new layout, styling, and mascot image.

This PR does NOT contain the new officer photos for this semester. Upon approving this PR, the website will temporarily be in a broken state due to the differences in the way we get officer data from the data configuration. The goal of this PR is to introduce the workflow to the main branch, and then GitHub should register the workflow dispatch function and then give us the ability to click one button and then update all the officer information in a PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
website	Ready	Preview, Comment	Mar 27, 2026 6:31pm