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

app/component/date/datePicker/index.js

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import { DatePicker as DatePickerJalali } from "jalaali-react-date-picker";
 
 function DatePicker({ date, updateDate }) {
+
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);
 
@@ -24,19 +25,20 @@ function DatePicker({ date, updateDate }) {
     };
 
     return (
-        <div className='flex items-start gap-[40px]'>
+        <div className='flex items-start justify-evenly w-full'>
             <DatePickerJalali
                 value={startDate}
                 className='w-1/2'
                 timePicker={false}
                 onChange={handleStartDateChange}
             />
-            <DatePickerJalali
-                value={endDate}
-                className='w-1/2'
-                timePicker={false}
-                onChange={handleEndDateChange}
-            />
+            <div className='w-1/2 hidden md:flex lg:hidden xl:flex'>
+                <DatePickerJalali
+                    value={endDate}
+                    timePicker={false}
+                    onChange={handleEndDateChange}
+                />
+            </div>
         </div>
     );
 }