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

components/account/information/payment/Paying.js

@@ -1,7 +1,7 @@
 import ArrowLeftB from '@/components/icons/ArrowLeftB';
 import { Button } from '@mui/material';
 
-function Paying({ setTypePay }) {
+function Paying({ setTypePay, fadeElement }) {
     return (
         <>
             <p className="text-[#3B3B3B] text-[20px] font-bold">
@@ -16,7 +16,7 @@ function Paying({ setTypePay }) {
                 <p className='text-[#3B3B3B] text-[16px] font-bold'>مبلغ قابل پرداخت : 20،000 تومان</p>
                 <Button
                     className='!gap-[4px] !mr-auto !flex !px-[12px] !py-[9px] !min-w-[157px]'
-                    onClick={() => setTypePay(true)}
+                    onClick={() => fadeElement(() => setTypePay('success'))}
                     variant="contained"
                 >
                     <p className="text-[#EFEFEF] text-[16px] font-medium">پرداخت نهایی</p>