fixed sonar qube issues

Author: Tarun Aditya

packages/ui/src/components/common/button/Button.module.css

@@ -14,7 +14,6 @@
 .button:disabled {
   color: var(--white);
   cursor: not-allowed;
-  /* opacity: 0.8; */
   pointer-events: none;
 }
 

packages/ui/src/components/pin/Pin.jsx

@@ -1,15 +1,14 @@
 import styles from "./Pin.module.css";
-import { useState, useRef } from "react";
+import { useState, useRef, useContext } from "react";
 import Button from "../common/button/Button";
 import { useApi } from "../../hooks/useApi";
 import { useToast } from "../../hooks/useToast.js";
 import { AuthContext } from "../../contexts/Contexts";
-import { useContext } from "react";
 import { useNavigate } from "react-router-dom";
 import PropTypes from "prop-types";
 
 function Pin({ onClose }) {
-  const [pin, setPin] = useState(Array(6).fill(""));
+  const [pin, setPin] = useState(new Array(6).fill(""));
   const inputsRef = useRef([]);
   const toast = useToast();
   const { setIsAuthenticated } = useContext(AuthContext);
@@ -28,7 +27,7 @@ function Pin({ onClose }) {
       },
     });
     if (success) {
-      setPin(Array(6).fill(""));
+      setPin(new Array(6).fill(""));
       setIsAuthenticated(true);
       navigate("/dashboard");
       onClose();

packages/ui/src/components/twofactorauth/TwoFactorAuth.jsx

@@ -132,6 +132,13 @@ export default function TwoFactorAuth() {
     setMode("VERIFIED");
     setPassword("");
   };
+
+  const getStatusText = () => {
+    if (isMFAEnabled) return "Active";
+    if (mode === "SETUP") return "Setup Required";
+    return "Not Configured";
+  };
+
   return (
     <div className={styles.card}>
       <div className={styles.cardHeader}>
@@ -149,11 +156,7 @@ export default function TwoFactorAuth() {
         <span
           className={`${styles.statusBadge} ${isMFAEnabled ? styles.successBadge : styles.pendingBadge}`}
         >
-          {isMFAEnabled
-            ? "Active"
-            : mode === "SETUP"
-              ? "Setup Required"
-              : "Not Configured"}
+          {getStatusText()}
         </span>
       </div>
 
@@ -211,9 +214,7 @@ export default function TwoFactorAuth() {
                       maxLength={6}
                       value={verificationCode}
                       onChange={(e) =>
-                        setVerificationCode(
-                          e.target.value.replace(/[^0-9]/g, "")
-                        )
+                        setVerificationCode(e.target.value.replace(/\D/g, ""))
                       }
                       className={styles.codeInput}
                       placeholder="000000"