fix: style on password button (#3037)

* fix: update TextAreaComponent styling for edit node table
Adjust the styling of the TextAreaComponent in the edit node table to fix the positioning of eye icon

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

src/frontend/package-lock.json

@@ -1078,7 +1078,6 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {

src/frontend/src/components/textAreaComponent/index.tsx

@@ -38,8 +38,7 @@ export default function TextAreaComponent({
               ? "text-clip password"
               : "",
             editNode ? "input-edit-node" : "",
-            password && editNode ? "pr-8" : "",
+            password != undefined ? "pr-8" : "",
-            password && !editNode ? "pr-10" : "",
             "w-full",
           )}
           placeholder={"Type something..."}
@@ -78,11 +77,11 @@ export default function TextAreaComponent({
           </div>
         </GenericModal>
         {password !== undefined && (
-          <button
+          <Button
-            type="button"
+            unstyled
             tabIndex={-1}
             className={classNames(
-              "mb-px",
+              "mb-px text-muted-foreground hover:text-current",
               editNode
                 ? "side-bar-button-size absolute bottom-[1.3rem] right-[4.2rem]"
                 : "side-bar-button-size absolute bottom-4 right-[4.2rem]",
@@ -126,7 +125,7 @@ export default function TextAreaComponent({
                 />
               </svg>
             )}
-          </button>
+          </Button>
         )}
       </div>
     </div>