get data with filter location for first time, get comment of doctor and show in doctor page, handle new comment

components/doctor/index.js

@@ -2,9 +2,10 @@ import AppointmentList from "./appointmentList";
 import DetailDoctor from "./detailDoctor";
 import Share from "./detailDoctor/Share";
 import CustomLoading from "@/app/component/loading/Custom";
-import Poster from "./poster";
 
-function DoctorPage({ doctor, doctors }) {
+function DoctorPage({ doctor, doctors, comments }) {
+  console.log(comments);
+
   return (
     <div className="pt-[92px] sm:pt-[120px] mt:pt-[148px] lg:pt-[176px] mt-[px] padding-responsive">
       <div className="flex items-center justify-between">
@@ -24,7 +25,7 @@ function DoctorPage({ doctor, doctors }) {
         </div>
       </div>
       <div className="flex items-start justify-center gap-6 mt-[30px]">
-        <DetailDoctor doctor={doctor} />
+        <DetailDoctor doctor={doctor} comments={comments} />
         <AppointmentList doctors={doctors} />
       </div>
     </div>