fix: remove image buffer to base 64 in qr code

Author: JeanneGrenet

src/generated-assets/image.ts

@@ -1,7 +1,3 @@
-export function imageBufferToBase64(buffer: Buffer, fileType: string) {
-  return `data:image/${fileType};base64, ${buffer.toString("base64")}`;
-}
-
 export function getImageNameFromTsxPath(path: string) {
   return path
     .split("/")

src/pages/events/[id]/assets/_qrcode-bg.tsx

@@ -3,7 +3,6 @@ import {
   getAstroImageBase64,
   type AssetImageConfig,
 } from "@bearstudio/astro-assets-generation";
-import { imageBufferToBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventData } from "./_utils";
@@ -28,7 +27,7 @@ export default async function ({
     site,
   ).toString();
 
-  const qrCodeBuffer = await QRCode.toBuffer(url, {
+  const qrCodeBase64 = await QRCode.toDataURL(url, {
     width: 880,
     margin: 1,
     color: {
@@ -37,8 +36,6 @@ export default async function ({
     },
   });
 
-  const qrCodeBase64 = imageBufferToBase64(qrCodeBuffer, "png");
-
   return (
     <Frame {...config}>
       <BgImage src={postCover} width={config.width} height={config.height} />

src/pages/events/[id]/assets/_qrcode.tsx

@@ -1,6 +1,5 @@
 import { Frame } from "@/generated-assets/components/Frame";
 import { type AssetImageConfig } from "@bearstudio/astro-assets-generation";
-import { imageBufferToBase64 } from "@/generated-assets/image";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventData } from "./_utils";
 import { lunalink } from "@bearstudio/lunalink";
@@ -24,7 +23,7 @@ export default async function ({
     site,
   ).toString();
 
-  const qrCodeBuffer = await QRCode.toBuffer(url, {
+  const qrCodeBase64 = await QRCode.toDataURL(url, {
     width: 880,
     margin: 1,
     color: {
@@ -33,8 +32,6 @@ export default async function ({
     },
   });
 
-  const qrCodeBase64 = imageBufferToBase64(qrCodeBuffer, "png");
-
   return (
     <Frame {...config}>
       <div