refactor: update image reading logic to convert to ArrayBuffer in OpenGraph and Twitter components

Author: ismail-kattakath

src/app/opengraph-image.tsx

@@ -13,14 +13,22 @@ export const size = {
 export const contentType = 'image/png'
 
 export default async function Image() {
-  // Read images from filesystem during build
-  const backgroundImageData = readFileSync(
+  // Read images from filesystem during build and convert to ArrayBuffer
+  const backgroundImageBuffer = readFileSync(
     join(process.cwd(), 'public', 'images', 'background.jpg')
   )
+  const backgroundImageData = backgroundImageBuffer.buffer.slice(
+    backgroundImageBuffer.byteOffset,
+    backgroundImageBuffer.byteOffset + backgroundImageBuffer.byteLength
+  )
 
-  const profileImageData = readFileSync(
+  const profileImageBuffer = readFileSync(
     join(process.cwd(), 'public', 'images', 'profile.jpg')
   )
+  const profileImageData = profileImageBuffer.buffer.slice(
+    profileImageBuffer.byteOffset,
+    profileImageBuffer.byteOffset + profileImageBuffer.byteLength
+  )
 
   return new ImageResponse(
     (

src/app/twitter-image.tsx

@@ -13,14 +13,22 @@ export const size = {
 export const contentType = 'image/png'
 
 export default async function Image() {
-  // Read images from filesystem during build
-  const backgroundImageData = readFileSync(
+  // Read images from filesystem during build and convert to ArrayBuffer
+  const backgroundImageBuffer = readFileSync(
     join(process.cwd(), 'public', 'images', 'background.jpg')
   )
+  const backgroundImageData = backgroundImageBuffer.buffer.slice(
+    backgroundImageBuffer.byteOffset,
+    backgroundImageBuffer.byteOffset + backgroundImageBuffer.byteLength
+  )
 
-  const profileImageData = readFileSync(
+  const profileImageBuffer = readFileSync(
     join(process.cwd(), 'public', 'images', 'profile.jpg')
   )
+  const profileImageData = profileImageBuffer.buffer.slice(
+    profileImageBuffer.byteOffset,
+    profileImageBuffer.byteOffset + profileImageBuffer.byteLength
+  )
 
   return new ImageResponse(
     (