chore: upgrade @vercel/og lib (#17503)

## What does this PR do?

<!-- Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. -->

- housekeeping: having important packages up to date

<!-- Please provide a loom video for visual changes to speed up reviews
 Loom Video: https://www.loom.com/
-->

## Mandatory Tasks (DO NOT REMOVE)

- [x] I have self-reviewed the code (A decent size PR without self-review might be rejected).
- [x] N/A - I have updated the developer docs in /docs if this PR makes changes that would require a [documentation change](https://cal.com/docs). If N/A, write N/A here and check the checkbox.
- [x] I confirm automated tests are in place that prove my fix is effective or that my feature works.

## How should this be tested?

<!-- Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration. Write details that help to start the tests -->

- Are there environment variables that should be set?
- What are the minimal test data to have?
- What is expected (happy path) to have (input and output)?
- Any other important info that could help to test that PR

## Checklist

<!-- Remove bullet points below that don't apply to you -->

- I haven't read the [contributing guide](https://github.com/calcom/cal.com/blob/main/CONTRIBUTING.md)
- My code doesn't follow the style guidelines of this project
- I haven't commented my code, particularly in hard-to-understand areas
- I haven't checked if my changes generate no new warnings

apps/web/package.json

@@ -74,7 +74,7 @@
     "@upstash/redis": "^1.21.0",
     "@vercel/edge-config": "^0.1.1",
     "@vercel/edge-functions-ui": "^0.2.1",
-    "@vercel/og": "^0.5.0",
+    "@vercel/og": "^0.6.3",
     "accept-language-parser": "^1.5.0",
     "async": "^3.2.4",
     "bcp-47-match": "^2.0.3",

apps/web/pages/api/social/og/image.tsx

@@ -83,7 +83,7 @@ export default async function handler(req: NextApiRequest) {
           />
         ),
         ogConfig
-      ) as { body: Buffer };
+      );
 
       return new Response(img.body, {
         status: 200,
@@ -97,9 +97,7 @@ export default async function handler(req: NextApiRequest) {
         slug: searchParams.get("slug"),
         imageType,
       });
-      const img = new ImageResponse(<App name={name} description={description} slug={slug} />, ogConfig) as {
-        body: Buffer;
-      };
+      const img = new ImageResponse(<App name={name} description={description} slug={slug} />, ogConfig);
 
       return new Response(img.body, { status: 200, headers: { "Content-Type": "image/png" } });
     }
@@ -111,9 +109,7 @@ export default async function handler(req: NextApiRequest) {
         imageType,
       });
 
-      const img = new ImageResponse(<Generic title={title} description={description} />, ogConfig) as {
-        body: Buffer;
-      };
+      const img = new ImageResponse(<Generic title={title} description={description} />, ogConfig);
 
       return new Response(img.body, { status: 200, headers: { "Content-Type": "image/png" } });
     }

packages/lib/package.json

@@ -17,7 +17,7 @@
     "@formbricks/api": "^1.7.0",
     "@formbricks/js": "^2.1.0",
     "@sendgrid/client": "^7.7.0",
-    "@vercel/og": "^0.5.0",
+    "@vercel/og": "^0.6.3",
     "bcryptjs": "^2.4.3",
     "city-timezones": "^1.2.1",
     "i18next": "^23.2.3",

packages/ui/components/head-seo/HeadSeo.tsx

@@ -131,7 +131,7 @@ export const HeadSeo = (props: HeadSeoProps): JSX.Element => {
       ...seoObject.openGraph,
       images: [...(nextSeoProps.openGraph?.images || []), ...seoObject.openGraph.images],
     },
-    additionalMetaTags: [...(nextSeoProps.additionalMetaTags || [])],
+    additionalMetaTags: [...(nextSeoProps.additionalMetaTags || []), ...seoObject.additionalMetaTags],
   };
 
   return <NextSeo {...seoProps} />;