change design poster and text head && design modal filter & data for filter and doctors & handle functionality filter, set in url, read from url and change state

app/component/fields/Field.js

@@ -3,6 +3,7 @@ import { TextField } from "@mui/material";
 function Field({
   type,
   name,
+  error,
   title,
   props,
   value,
@@ -31,7 +32,9 @@ function Field({
         "& .MuiInputBase-input": { padding: "12.5px 14px" },
         "& .MuiInputBase-root": { borderRadius: "6px !important" },
         "& .MuiOutlinedInput-notchedOutline": {
-          border: "1px solid #E9ECEF !important",
+          border: error
+            ? "1px solid red !important"
+            : "1px solid #E9ECEF !important",
         },
         ".Mui-focused": {
           "& .MuiOutlinedInput-notchedOutline": {