change format all file

app/component/element/Field.js

@@ -1,7 +1,16 @@
 import { TextField } from "@mui/material";
 import { styleTextSelectRight } from "@/mui";
 
-function Field({ title, error, spaceNull, inputProps, type, dir, value, updateState }) {
+function Field({
+  title,
+  error,
+  spaceNull,
+  inputProps,
+  type,
+  dir,
+  value,
+  updateState,
+}) {
   return (
     <TextField
       label={title}
@@ -13,19 +22,22 @@ function Field({ title, error, spaceNull, inputProps, type, dir, value, updateSt
       className="!w-full !mx-auto !bg-[#FFF]"
       InputProps={inputProps}
       sx={{
-        '.MuiOutlinedInput-notchedOutline.muirtl-1d3z3hw-MuiOutlinedInput-notchedOutline': {
-          border: error && '1px solid red !important'
-        },
+        ".MuiOutlinedInput-notchedOutline.muirtl-1d3z3hw-MuiOutlinedInput-notchedOutline":
+          {
+            border: error && "1px solid red !important",
+          },
         ...styleTextSelectRight,
         // Hide Icon Number
         "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":
-        {
-          display: "none",
-        },
+          {
+            display: "none",
+          },
         "& input[type=number]": {
           MozAppearance: "textfield",
         },
-        "& .MuiInputBase-input": { padding: spaceNull ? "12.5px 0" : "12.5px 14px" },
+        "& .MuiInputBase-input": {
+          padding: spaceNull ? "12.5px 0" : "12.5px 14px",
+        },
         "& .MuiInputBase-root": { borderRadius: "6px !important" },
         "& .MuiOutlinedInput-notchedOutline": {
           border: "1px solid #E9ECEF !important",