Add OpenGraph image for social media previews

[leoisadev1]

Add custom OpenGraph image for better social media link previews across Twitter, Discord, Slack, and other platforms.

Changes:

• Added 1920x1440 og-image.png to public assets
• Updated og:image meta tag to use new image
• Added og:image dimensions for proper rendering
• Changed twitter:card to summary_large_image for larger previews

🤖 Generated with Claude Code

[railway-app]

🚅 Deployed to the openchat-pr-519 environment in OpenChat

Service	Status	Web	Updated (UTC)
web	😴 Sleeping (View Logs)	Web	Jan 19, 2026 at 9:20 pm

[github-actions]

🚀 Preview Deployment Ready

Environment	URL
Frontend	https://web-openchat-pr-519.up.railway.app
Convex Dashboard	Dashboard

Convex Preview Backend

• Cloud URL: https://jovial-caiman-171.convex.cloud
• Site URL: https://jovial-caiman-171.convex.site

---

_{🤖 Deployed automatically by GitHub Actions}

[greptile-apps]

Greptile Summary

• Updates OpenGraph metadata to use a new custom social media image (og-image.png) instead of the existing logo, improving social media link previews
• Changes Twitter card type from "summary" to "summary_large_image" for larger preview thumbnails on Twitter
• Adds explicit image dimensions (1920x1440) to OpenGraph metadata for proper rendering across platforms

Important Files Changed

Filename	Overview
apps/web/src/routes/__root.tsx	Updated OpenGraph and Twitter meta tags to use new og-image.png with proper dimensions

Confidence score:4/5

• This PR is safe to merge with minor risk due to a missing file reference
• Score lowered by one point because the code references /og-image.png but this file is not included in the PR changes, which could result in broken image links on social media platforms
• Pay close attention to verifying that og-image.png actually exists in the apps/web/public/ directory before merging

Issues identified:

1. Missing file reference (Score: 4/5): The code now references /og-image.png but this file is not shown as added in the PR. This could lead to a 404error when social media platforms try to fetch the OpenGraph image, resulting in no preview image being displayed. The PR description mentions "Added 1920x1440 og-image.png to public assets" but the file is not visible in the changes.

Sequence Diagram

sequenceDiagram
    participant User
    participant Browser
    participant SocialPlatform as "Social Platform"
    participant OpenGraphScraper as "OG Scraper"
    participant WebServer as "Web Server"

    User->>SocialPlatform: "Shares OpenChat URL"
    SocialPlatform->>OpenGraphScraper: "Scrape link metadata"
    OpenGraphScraper->>WebServer: "GET / (fetch HTML)"
    WebServer->>OpenGraphScraper: "HTML with og:image meta tags"
    OpenGraphScraper->>WebServer: "GET /og-image.png"
    WebServer->>OpenGraphScraper: "1920x1440 PNG image"
    OpenGraphScraper->>SocialPlatform: "Metadata with image"
    SocialPlatform->>User: "Rich preview with OpenGraph image"

Loading