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

components/doctor/detailDoctor/index.js

@@ -5,7 +5,7 @@ import AboutDcotor from "./cards/AboutDcotor";
 import Comments from "./cards/comments";
 import Locations from "./cards/locations";
 
-function DetailDoctor({ doctor }) {
+function DetailDoctor({ doctor, comments }) {
   return (
     <div className="w-full lg:w-[59%]">
       <div className="hidden lg:flex">
@@ -15,7 +15,7 @@ function DetailDoctor({ doctor }) {
       <Link />
       <AboutDcotor doctor={doctor} />
       <Locations doctor={doctor} />
-      <Comments doctor={doctor} />
+      <Comments doctor={doctor} comments={comments} />
     </div>
   );
 }