change fields component & handle edit, delete, add data and save & change functional page doctor

app/component/element/Field.js

@@ -4,7 +4,7 @@ import { styleTextSelectRight } from "@/mui";
 function Field({
   title,
   error,
-  spaceNull,
+  placeholder,
   inputProps,
   type,
   dir,
@@ -21,6 +21,7 @@ function Field({
       onChange={(e) => updateState(e.target.value)}
       className="!w-full !mx-auto !bg-[#FFF]"
       InputProps={inputProps}
+      placeholder={placeholder || ""}
       sx={{
         ".MuiOutlinedInput-notchedOutline.muirtl-1d3z3hw-MuiOutlinedInput-notchedOutline":
           {
@@ -36,8 +37,8 @@ function Field({
           MozAppearance: "textfield",
         },
         "& .MuiInputBase-input": {
-          padding: spaceNull ? "12.5px 0" : "12.5px 14px",
-          color: spaceNull && "#0009",
+          padding: "12.5px 14px",
+          color: "#0009",
         },
         "& .MuiInputBase-root": { borderRadius: "6px !important" },
         "& .MuiOutlinedInput-notchedOutline": {