Add Open Graph image to docs pages

Add og:image and twitter:image meta tags using the existing site
OG banner. Use correct name= attribute for Twitter card tags.

Author: AvdLee

docs/src/components/starlight/Head.astro

@@ -22,4 +22,16 @@ import PlausibleAnalytics from "@/components/PlausibleAnalytics.astro";
 <!-- Additional meta for better SEO -->
 <meta name="author" content="RocketSim" />
 
+<!-- Open Graph image for social sharing -->
+<meta
+  property="og:image"
+  content="https://www.rocketsim.app/og-banner-rocketsim.jpg"
+/>
+<meta name="twitter:card" content="summary_large_image" />
+<meta
+  name="twitter:image"
+  content="https://www.rocketsim.app/og-banner-rocketsim.jpg"
+/>
+<meta name="twitter:site" content="@rocketsim_app" />
+
 <PlausibleAnalytics />