feat(marketing): add social preview and project status

[TechAaroorian]

Summary

• add a custom SlotSyncro Open Graph preview image
• configure absolute Open Graph metadata for the deployed GitHub Pages site
• add X/Twitter large-image card metadata
• add canonical URL, site name, locale, author, and creator metadata
• declare the preview image’s exact dimensions and accessible description
• add an “In progress” status badge to the project-site hero
• preserve the source-visible, All Rights Reserved licensing clarification

Why

Shared links previously had no purpose-designed visual preview.

This update gives SlotSyncro a consistent preview across supported chat and
social platforms while clearly communicating that the portfolio project is
still in progress.

Preview URL

https://techaaroorian.github.io/slotsyncro/

Verification

• Marketing ESLint passes
• TypeScript passes
• GitHub Pages static export passes
• Canonical URL is present in the generated HTML
• Open Graph title, description, image, dimensions, and alt text are present
• X/Twitter summary_large_image metadata is present
• Preview image is included in the exported output
• git diff --check passes

[github-actions]

Coverage Report

Status	Category	Percentage	Covered / Total
🔵	Lines	99.18%	121 / 122
🔵	Statements	98.38%	122 / 124
🔵	Functions	100%	18 / 18
🔵	Branches	84.28%	59 / 70

File Coverage

No changed files found.

Generated in workflow #34 for commit d411bbb by the Vitest Coverage Report Action