Merge pull request #178 from part3-4team-Taskify/feature/Gnb

[Fix, Refactor] 조건문 단축, 배포 에러 fix

Author: MINJI121

src/components/card/ChangePassword.tsx

@@ -92,7 +92,7 @@ export default function ChangePassword() {
           invalidMessage="비밀번호가 일치하지 않습니다."
           className="max-w-[624px]"
         />
-        {checkNewpassword && checkNewpassword !== newPassword && (
+        {isPasswordMismatch && (
           <p className="font-14r block text-[var(--color-red)]">
             비밀번호가 일치하지 않습니다.
           </p>

src/components/input/Input.tsx

@@ -117,7 +117,7 @@ export default function Input(props: InputProps) {
           className={clsx(
             "peer flex h-[50px] w-full max-w-[520px] px-2 sm:px-4 py-2 rounded-lg transition-colors duration-200",
             "border border-[var(--color-gray3)] focus:border-[var(--primary)] focus:ring-0 focus:outline-none",
-            isInvalid
+            isInvalid || forceInvalid
               ? "border-[var(--color-red)] focus:border-[var(--color-red)]"
               : "",
             type === "password"