Preview meta (#1821)

* Preview OG meta

* Tweak text spacing

* shorten description

---------

Co-authored-by: David Crespo <david.crespo@oxidecomputer.com>

Author: benjaminleonard

public/assets/og-preview-image.webp

@@ -60,6 +60,25 @@ const previewAnalyticsTag = {
   },
 }
 
+const previewMetaTag = [
+  {
+    injectTo: 'head' as const,
+    tag: 'meta',
+    attrs: {
+      property: 'og:image',
+      content: '/assets/og-preview-image.webp',
+    },
+  },
+  {
+    injectTo: 'head' as const,
+    tag: 'meta',
+    attrs: {
+      property: 'og:description',
+      content: 'Preview of the Oxide web console with in-browser mock API',
+    },
+  },
+]
+
 // see https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
   build: {
@@ -85,7 +104,7 @@ export default defineConfig(({ mode }) => ({
   plugins: [
     createHtmlPlugin({
       inject: {
-        tags: process.env.VERCEL ? [previewAnalyticsTag] : [],
+        tags: process.env.VERCEL ? [previewAnalyticsTag, ...previewMetaTag] : [],
       },
     }),
     react(),