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

components/doctor/poster/ImageProfile.js

@@ -1,16 +1,9 @@
-import Image from "next/image";
-import { imageUrl } from "@/helper";
+import DoctorAvatar from "@/app/component/DoctorAvatar";
 
 function ImageProfile({ data }) {
   return (
     <div className="bg-stroke-circle ml-[10px] mt-[57px] p-[9px] rounded-full overflow-hidden">
-      <Image
-        src={imageUrl(data?.img?.[0]?.url)}
-        width={173}
-        height={173}
-        alt="profile-user"
-        className="rounded-full"
-      />
+      <DoctorAvatar doctor={data} size={173} priority className="rounded-full" />
     </div>
   );
 }