feat: add Open Graph and Twitter meta tags

Author: lucsmachado

src/layouts/Layout.astro

@@ -19,6 +19,25 @@ const { title, description } = Astro.props;
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="generator" content={Astro.generator} />
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:image"
+      content="https://avatars.githubusercontent.com/u/73367620?v=4"
+    />
+    <meta property="og:url" content="https://lucsmachado.github.io" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:site" content="@lucascarmac" />
+    <meta name="twitter:creator" content="@lucascarmac" />
+    <meta name="twitter:title" content={title} />
+    <meta name="twitter:description" content={description} />
+    <meta
+      name="twitter:image"
+      content="https://avatars.githubusercontent.com/u/73367620?v=4"
+    />
+    <meta name="twitter:url" content="https://lucsmachado.github.io" />
+    <meta name="twitter:domain" content="lucsmachado.github.io" />
     <title>{title}</title>
     <ViewTransitions />
   </head>