feat: enhance poster download functionality by ensuring images load before PDF generation and adding QR readiness check

components/doctor/poster/index.js

@@ -1,18 +1,28 @@
+"use client";
+import { useEffect, useState } from "react";
 import Image from "next/image";
 import Services from "./Services";
 import Address from "./Address";
 import Telefon from "./Telefon";
 import ImageProfile from "./ImageProfile";
 import QrImg from "./QrImg";
+import { getStateInfoClient } from "@/lib/getStateInfoClient";
+
+function Poster({ data, onQrReady }) {
+  const [siteName, setSiteName] = useState("");
+
+  useEffect(() => {
+    const { matchedCity, host } = getStateInfoClient();
+    setSiteName(matchedCity?.domain || host || "");
+  }, []);
 
-function Poster({ data }) {
   return (
     <div className="bg-poster overflow-hidden !pt-[32px] p-[24px] relative flex justify-between items-start">
       <div>
         <div className="flex items-center justify-start gap-[5px]">
           <Image src="/assets/images/logo.png" width={30} height={30} alt="logo" />
           <p className="text-[#E7EEF6] text-[16px] font-bold !-translate-y-1">
-            nobat724.com
+            {siteName}
           </p>
         </div>
         <p className="mt-[40px] text-[#E7EEF6] text-[20px] font-bold text-right">
@@ -31,7 +41,7 @@ function Poster({ data }) {
       </div>
       <div className="flex flex-col justify-between items-end min-w-[200px]">
         <ImageProfile data={data} />
-        <QrImg />
+        <QrImg onReady={onQrReady} />
       </div>
     </div>
   );