[FRONTEND] Join AYO page – FAQ section

[bryyj-y]

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

Users may have common questions about AYO, but there is currently no structured way to access quick answers without contacting the organisation directly.

Describe the solution you'd like

• Build a FAQ section/page
• Display questions in an accordion-style layout
• Show the question as a clickable header
• Expand/collapse to reveal the answer
• Multiple items can be expanded (depending on Figma/spec)
• Responsive design matching Figma
• Use hardcoded FAQ data for M1

Additional context

• This is a read-only page for M1
• Content will later be editable via backend/CMS
• Focus is on usability and quick access to information

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