add field number in step 3

app/component/EditField.js

@@ -12,16 +12,19 @@ function EditField({
   iconGray,
   isTransparent,
   noDisable,
+  type,
+  props,
 }) {
   return (
     <div className="relative w-full">
       <TextField
+        {...props}
         value={data?.value}
         rows={multiline}
         multiline={multiline}
         disabled={noDisable ? false : !data?.isEdit}
         placeholder={placeholder || ""}
-        type="text"
+        type={type || "text"}
         className={`!w-full res-field-account dark:!bg-transparent ${
           isTransparent ? "!bg-transparent lg:!bg-[#FFF]" : "!bg-[#FFF]"
         }`}
@@ -48,15 +51,17 @@ function EditField({
           },
         }}
       />
-      <Button
-        className={`!absolute !left-[8px] !-translate-y-1/2 !min-w-fit !p-1
+      {!type && (
+        <Button
+          className={`!absolute !left-[8px] !-translate-y-1/2 !min-w-fit !p-1
                     ${multiline ? "!top-[24px]" : "!top-1/2"}`}
-        onClick={() => {
-          changeData(!data.isEdit, "isEdit", name);
-        }}
-      >
-        {icon ? icon : iconGray ? <EditGrayA /> : <EditOrangeA />}
-      </Button>
+          onClick={() => {
+            changeData(!data.isEdit, "isEdit", name);
+          }}
+        >
+          {icon ? icon : iconGray ? <EditGrayA /> : <EditOrangeA />}
+        </Button>
+      )}
     </div>
   );
 }