basic style doctor page

components/doctors/listDoctors/ItemDoctor.js

@@ -6,6 +6,7 @@ import ArrowLeftD from "@/components/icons/ArrowLeftD"
 import ClockD from "@/components/icons/ClockD"
 import LikeD from "@/components/icons/LikeD"
 import PointD from "@/components/icons/PointD"
+import Link from "next/link"
 
 function ItemDoctor({ doctor }) {
     return (
@@ -52,16 +53,18 @@ function ItemDoctor({ doctor }) {
                 }</p>
 
             {/* Arrow */}
-            <Button
-                className={`!p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit 
+            <Link href={`/doctor/${doctor.id}`}>
+                <Button
+                    className={`!p-[14px] !absolute !left-4 !bottom-4  !rounded-full !w-fit 
                     ${doctor.free_turn ?
-                        '!bg-[#5559CE]' :
-                        '!bg-[#D7D7D7]'
-                    }`}
-                disabled={!doctor.free_turn}
-            >
-                <ArrowLeftD />
-            </Button>
+                            '!bg-[#5559CE]' :
+                            '!bg-[#D7D7D7]'
+                        }`}
+                    disabled={!doctor.free_turn}
+                >
+                    <ArrowLeftD />
+                </Button>
+            </Link>
         </li>
     )
 }