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

app/component/element/AutoCompleteSelect.js

@@ -2,7 +2,7 @@ import BottomSelect from "@/components/icons/BottomSelect";
 import { Autocomplete, TextField } from "@mui/material";
 import { styleTextSelectRight } from "@/mui";
 
-function AutoCompleteSelect({ list, updateData, name, label }) {
+function AutoCompleteSelect({ list, isError, updateData, name, label }) {
     return (
         <Autocomplete
             disablePortal
@@ -25,6 +25,9 @@ function AutoCompleteSelect({ list, updateData, name, label }) {
                     borderRadius: 2,
                     padding: '5px 16px !important'
                 },
+                '& .MuiOutlinedInput-notchedOutline': {
+                    border: isError ? '1px solid red' : ''
+                }
             }}
             renderInput={params =>
                 <TextField