Added password on addNewVariable modal

src/frontend/src/components/addNewVariableButtonComponent/addNewVariableButton.tsx

@@ -106,14 +106,26 @@ export default function AddNewVariableButton({ children }): JSX.Element {
             id={"type-global-variables"}
           ></InputComponent>
           <Label>Value</Label>
-          <Textarea
+          {type === "Credential" ? (
-            value={value}
+            <InputComponent
-            onChange={(e) => {
+              password
-              setValue(e.target.value);
+              value={value}
-            }}
+              onChange={(e) => {
-            placeholder="Insert a value for the variable..."
+                setValue(e);
-            className="w-full resize-none custom-scroll"
+              }}
-          />
+              placeholder="Insert a value for the variable..."
+            />
+          ) : (
+            <Textarea
+              value={value}
+              onChange={(e) => {
+                setValue(e.target.value);
+              }}
+              placeholder="Insert a value for the variable..."
+              className="w-full resize-none custom-scroll"
+            />
+          )}
+
           <Label>Apply To Fields (optional)</Label>
           <InputComponent
             setSelectedOptions={(value) => setFields(value)}