added metaimage seo

frontend/src/components/shared/ReactHelmet.jsx

@@ -14,17 +14,31 @@ const ReactHelmet = ({ seo }) => {
           <meta name="description" content={seo.metaDescription} />
           <link rel="canonical" href={seo.canonicalURL} />
           <meta name="keywords" content={seo.keywords} />
-          <meta name="viewport" content={seo.metaViewport ? seo.metaViewport : 'width=device-width, height=device-height'} />
+          <meta
+            name="viewport"
+            content={
+              seo.metaViewport
+                ? seo.metaViewport
+                : 'width=device-width, height=device-height'
+            }
+          />
 
           <meta name="robots" content={seo.metaRobots} />
-          {seo.metaSocial && seo.metaSocial.lenght > 0 && (
+          {seo.metaImage && (
             <Fragment>
-              <meta property="og:title" content={seo.metaSocial[0]?.title} />
+              <meta property="og:type" content='website' />
+              <meta property="og:title" content={seo.metaTitle ? seo.metaTitle : 'website'} />
+              <meta property="”og:url”" content={`"${seo.canonicalURL}"`} />
               <meta
-                property="og:image"
-                content={`${seo.metaSocial[0]?.image?.data?.attributes?.url}`}
+                property="og:description"
+                content={seo.metaDescription}
               />
-              <meta property="og:description" content={seo.metaSocial[0]?.description} />
+              <meta property="og:image" content={seo.metaImage} />
+            </Fragment>
+          )}
+
+          {seo.metaSocial && seo.metaSocial.length > 0 && (
+            <Fragment>
               <meta property="twitter:title" content={seo.metaSocial[1]?.title} />
               {seo.metaSocial[1]?.image?.data && (
                 <meta