[FRONTEND] Blog listing page

[sswez02]

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

AYO wants a central hub for blog posts, player stories, photo essays, alumni news, and scholarship updates. This needs to be browsable and filterable by category.

Describe the solution you'd like

• Build the Resources / What's New listing page
• Display blog posts as a card grid: featured image thumbnail, title, excerpt, date, category tag
• Category filter bar at the top: All, Player Stories, Alumni News, Photo Essays, Scholarship Updates, News
• Clicking a category filters the visible cards (client-side filtering is fine for now)
• Each card links to the individual post page (Issue [FRONTEND] Single blog post page #32)
• Hardcode 6-8 placeholder posts across different categories
• Inspired by ayo.com.au's magazine page with "thumbnails of stories & variety of content"

Describe alternatives you've considered

Could add full text search and tag-based filtering. For M1, simple category buttons are enough. Search can come in M2.

Additional context

Client wants searchable tags & filters on this page. For M1, category filtering covers the core need. Tags and keyword search are a M2 enhancement once content is in the CMS.

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