change design modal & components & home and login page

app/component/element/AutoCompleteSelect.js

@@ -25,6 +25,12 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) {
         "& .MuiInputBase-root": {
           borderRadius: 2,
           padding: "0 !important",
+          height: {
+            xs: "43px !important",
+            sm: "43px !important",
+            md: "46px !important",
+            lg: "48px !important",
+          },
         },
         "& .MuiOutlinedInput-notchedOutline": {
           border: "1px solid #D7D7D7",

app/component/element/Field.js

@@ -1,11 +1,16 @@
 import { TextField } from "@mui/material";
 import { styleTextSelectRight } from "@/mui";
 
-function Field({ title, type, isPlaceHolder }) {
+function Field({
+  title,
+  type,
+  dir,
+  // isPlaceHolder
+}) {
   return (
     <TextField
       label={title}
-      dir="rtl"
+      dir={dir || "rtl"}
       type={type || "text"}
       className="!w-full !mx-auto !bg-[#FFF]"
       sx={{
@@ -18,7 +23,7 @@ function Field({ title, type, isPlaceHolder }) {
         "& input[type=number]": {
           MozAppearance: "textfield",
         },
-        "& .MuiFormLabel-root": { top: "-7px !important" },
+        // "& .MuiFormLabel-root": { top: "-7px !important" },
         "& .MuiInputBase-input": { padding: "12.5px 14px" },
         "& .MuiInputBase-root": { borderRadius: "6px !important" },
         "& .MuiOutlinedInput-notchedOutline": {
@@ -26,7 +31,7 @@ function Field({ title, type, isPlaceHolder }) {
         },
         ".Mui-focused": {
           "& .MuiOutlinedInput-notchedOutline": {
-            border: "1px solid #0FA1B3 !important",
+            border: "1px solid #5559CE !important",
             transition: "0.5s all",
           },
         },