fix(site): apply absolute positioning and full dimensions to HexagonGrid in OG images (nodejs#8909)

Co-authored-by: Macbook <macbook@Macbooks-MacBook-Pro.local>

Author: ubay1

apps/site/app/[locale]/next-data/og/[category]/[title]/route.tsx

@@ -35,7 +35,14 @@ export const GET = async (_: Request, props: StaticParams) => {
 
   return new ImageResponse(
     <div tw="relative flex items-center justify-center bg-black w-[1200px] h-[600px]">
-      <HexagonGrid style={{ background: gridBackground }} />
+      <HexagonGrid
+        style={{
+          background: gridBackground,
+          position: 'absolute',
+          width: '100%',
+          height: '100%',
+        }}
+      />
 
       <div tw="absolute mx-auto flex max-w-xl flex-col text-center text-3xl font-semibold text-white">
         <JsWhiteIcon width={71} height={80} tw="mx-auto" />