fix: add Open Graph and Twitter Card metadata to all pages - closes #2691

[github-actions]

Problem

Rules pages emitted zero Open Graph or Twitter Card meta tags, so shared links on Teams, Slack, LinkedIn, X, and Facebook showed no preview image — just a bare title and URL. This was a regression from the Gatsby → Next.js migration.

Changes

app/layout.tsx

• Added metadataBase: new URL("(www.ssw.com.au/redacted)") so Next.js can resolve relative URLs in metadata
• Added default openGraph block with the SSW default OG image (1200×630 from Tina CDN), siteName, type, and url
• Added twitter block with card: "summary_large_image", site, and creator (using @SSW_TV from site-config)
• Imported siteTitle, siteDescription, siteUrl, social from @/site-config to avoid duplication with hardcoded strings

These defaults are inherited by every route (latest-rules, search, user, archived, etc.) with no further changes needed.

app/[filename]/page.tsx

• In generateMetadata(), added per-page openGraph override for categories (type: "website") and rules (type: "article") with page-specific title, description, and url
• Refactored the category/rule metadata to compute description and canonicalUrl once and reuse them in both the base metadata and the openGraph block

Result

Every page now emits:

• og:title, og:description, og:type, og:site_name, og:url, og:image
• twitter:card, twitter:site, twitter:creator

Rule and category pages additionally get correct per-page og:title, og:description, and og:url.

Notes

• The OG image used is the SSW default: `(assets.tina.io/redacted) (as referenced in the issue)
• Per-rule dynamic OG images are tracked separately in ✨ Implement dynamic Open Graph images to SSW Rules #1379 — this PR is the baseline default that ✨ Implement dynamic Open Graph images to SSW Rules #1379 can build on top of

Closes #2691

Generated by Issue Triage for issue #2691 · ● 738.4K · ◷