feat(web): add Open Graph and Twitter link previews

[RISHII7]

Summary

Shared links to the web app previewed as "404: This page could not be found" because the root URL redirects into the auth-gated dashboard, so crawlers (LinkedIn, X, Slack, etc.) never saw real metadata.

This adds proper social-share previews:

• metadataBase + openGraph + twitter metadata on the root layout.
• A branded 1200×630 preview card generated at build/request time via next/og (opengraph-image.tsx, re-exported as twitter-image.tsx) — no static asset to maintain.
• /opengraph-image and /twitter-image marked public in proxy.ts so crawlers can fetch the image without authentication.

Public pages (e.g. /sign-in) now render a polished card with the Echo brand, tagline, and tech stack.

Notes

Because the whole app is auth-gated, the recommended shareable link for social posts is a public page such as /sign-in (the bare domain still redirects into the dashboard). A dedicated public landing page could make the bare domain preview too — happy to follow up if wanted.

Verification

• pnpm --filter web lint — pass
• pnpm --filter web typecheck — pass
• pnpm --filter web build — pass (/opengraph-image + /twitter-image compile as static routes)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
echo	Ready	Preview, Comment	Jul 9, 2026 7:31am
echo-widget	Ready	Preview, Comment	Jul 9, 2026 7:31am

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 65c68672-fd01-4cbf-a051-75cece20b97f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feat/web-open-graph-metadata

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}