change design and responsive & pay & detail account & success pay & faield pay & doctor id

components/doctor/detailDoctor/cards/comments/chart/ProgressAll.js

@@ -3,7 +3,7 @@ import { CircularProgress } from "@mui/material"
 
 function ProgressAll({ doctor }) {
     return (
-        <div className="hidden lg:flex w-full h-fit relative">
+        <div className="hidden lg:flex w-full h-fit relative min-w-[145px] max-w-[150px]">
             <CircularProgress
                 variant="determinate"
                 value={doctor.total_user_satisfaction}

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

@@ -31,7 +31,7 @@ function Chart({ doctor }) {
                     <p className="text-[#616161] text-[12px] md:text-[14px] font-normal">{doctor.satisfaction}% رضایت کاربران</p>
                 </div>
             </div>
-            <div className="flex items-center justify-center gap-[50px]">
+            <div className="flex flex-wrap items-center justify-center gap-[50px]">
                 <ul className="flex w-full lg:w-fit flex-col items-start justify-start gap-1.5">
                     {doctor.progress_detail.map((item, idx) => (
                         <ProgressDetail