FE-181 Add Open Graph and Twitter card meta tags to public event pages

[BigBen-7]

Track
Frontend

Difficulty
Trivial

Description
Sharing a VeriTix event link on social media shows no preview card. Add dynamic Open Graph and Twitter Card meta tags to the event detail page using Next.js metadata API.

Acceptance Criteria

• og:title, og:description, og:image, and og:url are set per event.
• twitter:card, twitter:title, and twitter:image are set per event.
• Fallback values are used when optional event fields are absent.
• Tested with the Twitter Card Validator and Facebook Sharing Debugger.

[Qoder-Undefined]

@Qoder-Undefined has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hi maintainer can I work

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Qoder-Undefined to this issue.

[bfernando]

@bfernando has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

I would like to work on this because it is a clean Next.js metadata task with a practical user-facing outcome: event links should render useful social preview cards. My recent work has been Next.js/TypeScript frontend fixes, dashboard pages, API-backed UI flows, and validation-focused PRs.

If assigned, I will inspect the event detail route/data loading path, add dynamic Open Graph and Twitter metadata with safe fallbacks, and validate the rendered metadata path locally. I will keep the change narrow and link the PR directly to this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @bfernando to this issue.

[drips-wave]

Congratulations, @Qoder-Undefined! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @Qoder-Undefined: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Qoder-Undefined as part of the Stellar Wave Program's 5th Wave 🥳

😎 @Qoder-Undefined: You earned 100 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.