Added password on addNewVariable modal

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

@@ -106,6 +106,16 @@ export default function AddNewVariableButton({ children }): JSX.Element {
             id={"type-global-variables"}
           ></InputComponent>
           <Label>Value</Label>
+          {type === "Credential" ? (
+            <InputComponent
+              password
+              value={value}
+              onChange={(e) => {
+                setValue(e);
+              }}
+              placeholder="Insert a value for the variable..."
+            />
+          ) : (
             <Textarea
               value={value}
               onChange={(e) => {
@@ -114,6 +124,8 @@ export default function AddNewVariableButton({ children }): JSX.Element {
               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)}