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]">