[FRONTEND] Join AYO page – Modify the Opportunities opened

[bryyj-y]

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

The current Opportunities opened has been redesigned to better fit users screen size. Users need a clearer, bigger view of opportunity details when expanding a card.

Describe the solution you'd like

• Update the existing “Read More” popup for Opportunities
• Adjust the popup layout so it takes up more of the screen (height/width), matching the Figma design proportions in relation to screen size
• Add a faded/dimmed background overlay when the modal is open
• Keep the responsiveness across different screen sizes while maintaining the expanded layout look

Additional context

• This is a read-only page for M1
• Backend integration will later replace hardcoded report data
• Apply links may point to placeholder URLs for now

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