Update OpenGraph URL to use canonical URL and add Twitter metadata

Author: rdhar

src/components/BaseHead.astro

@@ -33,7 +33,13 @@ const { title, description, image = FallbackImage } = Astro.props;
 
 <!-- OpenGraph  -->
 <meta property="og:type" content="website" />
-<meta property="og:url" content={Astro.url} />
+<meta property="og:url" content={canonicalURL} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
 <meta property="og:image" content={new URL(image.src, Astro.url)} />
+
+<!-- Twitter -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content={title} />
+<meta name="twitter:description" content={description} />
+<meta name="twitter:image" content={new URL(image.src, Astro.url)} />