Reapply ReasonsToAttend.jsx with Like & Share Buttons (Styled to match figma)

[si-rak]

What does this PR do?

Reapplies US 5 (Community Engagement): restored ReasonsToAttend.jsx content + Like/Share buttons matching Figma. Fully accessible.

Description of Task to be completed?

• Like button with localStorage
• Share button with navigator.share() fallback
• Match Figma style and layout
• Preserve all original content

How should this be manually tested?

• Go to /event page
• Check Like/Share buttons + original text
• Confirm accessibility (Tab + screen reader)
• Visual match to Figma

Any background context?

Previous PR was reverted. This version restores teammate content + feature.

[netlify[bot]]

❌ Deploy Preview for musikkforandrerliv failed.

Name	Link
🔨 Latest commit	ebf08b7d15df992f2b74907fd650e14e9f2ca5b9
🔍 Latest deploy log	https://app.netlify.com/projects/musikkforandrerliv/deploys/6842976287443600087c040c

[si-rak]

This replaces the reverted PR for US 5.

• Re-added Like & Share buttons
• Restored full content in ReasonsToAttend.jsx
• Matches Figma design and accessibility requirements

Netlify preview failed but everything works and passes locally. Ready for review whenever you are @Niksubishi

[si-rak]

Spacing and styling updates applied to match figma. Ready for review.

[Niksubishi]

Approved and merged. Feedback via Team Discord.