feat: enhance doctor and clinic components with doctorTitle helper and improve rendering logic

components/doctor/poster/PosterLight.js

@@ -4,6 +4,7 @@ import DoctorAvatar from "@/app/component/DoctorAvatar";
 import QrImg from "./QrImg";
 import SiteLogo from "./SiteLogo";
 import { getStateInfoClient } from "@/lib/getStateInfoClient";
+import { doctorTitle } from "@/helper";
 
 import StarDI from "@/components/icons/StarDI";
 
@@ -83,7 +84,7 @@ function PosterLight({ data, onQrReady }) {
         </div>
 
         <h1 className="mt-[28px] text-[#12365C] text-[48px] font-extrabold leading-tight">
-          {data?.name}
+          {doctorTitle(data?.name)}
         </h1>
 
         <div className="w-full flex flex-wrap justify-center gap-[10px] mt-[16px]">

components/doctor/poster/index.js

@@ -4,6 +4,7 @@ import DoctorAvatar from "@/app/component/DoctorAvatar";
 import QrImg from "./QrImg";
 import SiteLogoBase from "./SiteLogo";
 import { getStateInfoClient } from "@/lib/getStateInfoClient";
+import { doctorTitle } from "@/helper";
 
 import StarDI from "@/components/icons/StarDI";
 import ClipBoard from "@/components/icons/ClipBoard";
@@ -124,7 +125,7 @@ function Poster({ data, onQrReady }) {
         </div>
         <div className="flex-1 min-w-0">
           <h1 className="text-white text-[46px] font-extrabold leading-tight">
-            {data?.name}
+            {doctorTitle(data?.name)}
           </h1>
           <div className="flex flex-wrap gap-[10px] mt-[16px]">
             {specialties.map((s, i) => (