update design page doctor item & design page account & success and failed pay

components/account/information/detail/index.js

@@ -4,8 +4,7 @@ import { Button } from "@mui/material";
 import AddCircleBlueA from "@/components/icons/AddCircleBlueA";
 import ArrowLeftB from "@/components/icons/ArrowLeftB";
 
-function Detail({ isForAnother, setIsForAnother, setIsPay }) {
-
+function Detail({ isForAnother, setIsForAnother, fadeElement, setIsPay }) {
 
     const [selected, setSelected] = useState({
         first: '',
@@ -43,7 +42,7 @@ function Detail({ isForAnother, setIsForAnother, setIsPay }) {
                 <Button
                     className="!flex !items-center !justify-start !gap-[8px] !mt-[24px] !p-1"
                     onClick={() => {
-                        setIsForAnother(true);
+                        fadeElement(() => setIsForAnother(true))
                         setData({
                             phone: { value: '09121056987', isEdit: false },
                             codemeli: { value: '1741025645', isEdit: false },
@@ -60,7 +59,7 @@ function Detail({ isForAnother, setIsForAnother, setIsPay }) {
                     !gap-[4px] !mr-auto !flex !px-[12px] !py-[8px] !min-w-[150px] 
                     ${isForAnother ? '!mt-[94px]' : '!mt-[32px]'}`}
                 variant="contained"
-                onClick={() => setIsPay(true)}
+                onClick={() => fadeElement(() => setIsPay(true))}
             >
                 <p className="text-[#EFEFEF] text-[16px] font-medium">ثبت اطلاعات</p>
                 <ArrowLeftB />