add loading all page & change bugs

components/doctor/detailDoctor/cards/comments/index.js

@@ -1,9 +1,8 @@
-import { Button } from '@mui/material'
 import Chart from './chart'
 import Comment from '@/app/component/comment'
 import ModalAnswer from './modal/ModalAnswer'
 
-function Comments({ doctor }) {
+function Comments({ doctor, loading }) {
     return (
         <div className='mt-[24px] sm:mt-[27px] md:mt-[29px] lg:mt-[32px]'>
             <a
@@ -15,8 +14,8 @@ function Comments({ doctor }) {
                 <p className='text-[#616161] text-[16px] font-normal'>شما هم نظر خود را در مورد این پزشک به اشتراک بگذارید:</p>
                 <ModalAnswer doctor={doctor} />
             </div>
-            <Chart doctor={doctor} />
-            <Comment data={doctor} />
+            <Chart doctor={doctor} loading={loading} />
+            <Comment data={doctor} loading={loading} />
         </div>
     )
 }