[FRONTEND] Join AYO page – Opportunities opened card component

[bryyj-y]

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

Users need a clearer way to view full details of an opportunity without navigating away from the main Opportunities list page.

Describe the solution you'd like

• Implement a “Read More” interaction for each opportunity card
• Clicking “Read More” opens a detailed expanded card/modal view showing:
  - Opportunity title
  - Application deadline (closing date)
  - Full description/blurb
  - “Apply” link/button
• The blurb section should be scrollable if content exceeds available space
• All other elements (title, deadline, apply button) remain fixed/static within the card
• Users should be able to clearly view and exit the expanded view
• Ensure the design matches Figma and is responsive across devices

Additional context

• This is a read-only page for M1
• Focus is on readability and accessibility of detailed information
• Backend integration will later populate full opportunity content

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