add back social preview image

src/components/layout/BaseLayout.astro

@@ -1,6 +1,6 @@
 ---
 import Icon from '@img/icon/icon.svg';
-// import PreviewImage from '@assets/img/preview/main.jpg';
+import PreviewImage from '@assets/img/social-preview.jpg';
 import Footer from '@src/components/layout/Footer/Footer.astro';
 import Navbar from '@src/components/layout/Navbar/Navbar.astro';
 import '@src/styles/colors.scss';
@@ -29,8 +29,8 @@ const description =
     Astro.props.description ??
     "SurrealDB is the ultimate database for tomorrow's serverless, jamstack, single-page, and traditional applications.";
 const type = Astro.props.type ?? 'website';
-// const image = Astro.props.image ?? PreviewImage.src;
-// const banner = 'banner' in Astro.props ? Astro.props.banner : defaultBanner;
+const image = Astro.props.image ?? PreviewImage.src;
+const banner = 'banner' in Astro.props ? Astro.props.banner : defaultBanner;
 const { rssFeedName, navShadowBackground, navDarkDefault, footerBgMonochrome } =
     Astro.props;
 
@@ -76,7 +76,7 @@ const url = new URL(
         <meta name="og:description" property="og:description" content={description} />
         <meta name="og:site_name" property="og:site_name" content="SurrealDB" />
         <meta name="og:type" property="og:type" content={type} />
-        <!-- <meta name="og:image" property="og:image" content={image} /> -->
+        <meta name="og:image" property="og:image" content={image} />
 
         {/* Social Network meta tags */}
 
@@ -85,8 +85,8 @@ const url = new URL(
         <meta name="twitter:domain" property="twitter:domain" content="surrealdb.com" />
         <meta name="twitter:title" property="twitter:title" content={title} />
         <meta name="twitter:description" property="twitter:description" content={description} />
-        <!-- <meta name="twitter:image" property="twitter:image" content={image} /> -->
-        <!-- <meta name="twitter:image:src" property="twitter:image:src" content={image} /> -->
+        <meta name="twitter:image" property="twitter:image" content={image} />
+        <meta name="twitter:image:src" property="twitter:image:src" content={image} />
         <meta name="twitter:image:alt" property="twitter:image:alt" content={description} />
 
     </head>