change responsive page doctors & change modal and responsive & responsive page doctor item

app/component/element/AutoCompleteSelect.js

@@ -8,9 +8,10 @@ function AutoCompleteSelect({ list, updateData, name, label }) {
             disablePortal
             options={list}
             className="!w-full !rounded-lg md:!w-[344px]"
-            onChange={(event) =>
+            onChange={(event) => {
                 updateData &&
-                updateData(event, name)
+                    updateData(event, name)
+            }
             }
             sx={{
                 ...styleTextSelectRight,
@@ -24,9 +25,9 @@ function AutoCompleteSelect({ list, updateData, name, label }) {
                 '& .MuiInputBase-root': {
                     borderRadius: 2,
                     padding: '5px 16px !important'
-                }
+                },
             }}
-            renderInput={(params) =>
+            renderInput={params =>
                 <TextField
                     fullWidth
                     {...params}
@@ -42,7 +43,7 @@ function AutoCompleteSelect({ list, updateData, name, label }) {
                     }}
                     placeholder={label}
                     sx={{
-                        borderRadius: '8px',
+                        borderRadius: '8px'
                     }}
                 />
             }