send city and state matched by domain in first request page /doctors, send data from field home page with key name, add link for name of doctor in /doctors page and active redirect linke to doctor item page

app/component/ItemDoctor.js

@@ -23,16 +23,18 @@ function ItemDoctor({ doctor }) {
           <Image
             width={72}
             height={72}
-            src={doctor?.img[0]?.url}
             alt="image-doctor"
+            src={doctor?.img[0]?.url}
             className="object-contain w-[64px] md:w-[68px] lg:w-[72px] h-[64px] md:h-[68px] lg:h-[72px]"
           />
         </CircularLoading>
         <div className="flex flex-col items-start justify-center gap-2">
           <TextLoading width={90} height={15}>
-            <p className="text-[#3B3B3B] text-[14px] font-bold">
-              {doctor?.name}
-            </p>
+            <Link href={`/doctor/${doctor?.uuid}`}>
+              <p className="text-[#3B3B3B] text-[14px] font-bold">
+                {doctor?.name}
+              </p>
+            </Link>
           </TextLoading>
           <TextLoading width={120} height={15}>
             <p className="text-[#616161] text-[14px] font-normal">
@@ -89,10 +91,7 @@ function ItemDoctor({ doctor }) {
       <Link href={`/doctor/${doctor?.uuid}`}>
         <Button
           variant="contained"
-          className={`!p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit 
-                     ${!Number(doctor?.active)}
-                    `}
-          disabled={!Number(doctor?.active)}
+          className="!p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit"
         >
           <ArrowLeftD />
         </Button>