feat(seo): add Open Graph image and social preview meta tags

- Add og-image.png (1200x630) for social link previews
- Add og:image, og:image:width, og:image:height meta tags
- Add twitter:image and upgrade twitter:card to summary_large_image

Author: caio-pizzol

apps/web/public/og-image.png

@@ -125,9 +125,13 @@ function buildHead(path: string): string {
 		`<meta property="og:url" content="${url}"/>`,
 		`<meta property="og:type" content="${seo.type}"/>`,
 		`<meta property="og:site_name" content="ooxml.dev"/>`,
-		`<meta name="twitter:card" content="summary"/>`,
+		`<meta property="og:image" content="${SITE_URL}/og-image.png"/>`,
+		`<meta property="og:image:width" content="1200"/>`,
+		`<meta property="og:image:height" content="630"/>`,
+		`<meta name="twitter:card" content="summary_large_image"/>`,
 		`<meta name="twitter:title" content="${escapeHtml(seo.title)}"/>`,
 		`<meta name="twitter:description" content="${escapeHtml(seo.description)}"/>`,
+		`<meta name="twitter:image" content="${SITE_URL}/og-image.png"/>`,
 	];
 
 	// JSON-LD structured data