change design all page & component page booking and account & cleancode

components/doctor/appointmentList/index.js

@@ -21,17 +21,22 @@ function AppointmentList({ doctor }) {
                     />
                 ))}
             </ul>
-            <div className='fixed lg:hidden bg-[#FFF] border-t border-transparent border-t-[#D7D7D7] border-solid bottom-0 right-0 w-full p-4 flex items-center justify-between'>
+            <div className='fixed lg:hidden bg-[#FFF] border-t border-transparent border-t-[#D7D7D7] 
+            border-solid bottom-0 right-0 w-full p-4 flex items-center justify-between'>
                 <p className='text-[#05BA58] text-[11px] font-normal'>اولین نوبت آزاد: {itemActive.first_free_turn}</p>
-                <Button
-                    variant='contained'
-                    className='!py-2 !px-4 gap-1 !text-[14px] !font-medium'
+                <Link
+                    href={`/booking/${itemActive.id}`}
                 >
-                    دریافت نوبت
-                    <div className='w-[20px] h-[20px]'>
-                        <ArrowLeftD />
-                    </div>
-                </Button>
+                    <Button
+                        variant='contained'
+                        className='!py-2 !px-4 gap-1 !text-[14px] !font-medium'
+                    >
+                        دریافت نوبت
+                        <div className='w-[20px] h-[20px]'>
+                            <ArrowLeftD />
+                        </div>
+                    </Button>
+                </Link>
             </div>
         </>
     )