Merged in feat/LOY-183-Make-Other-Password-Inputs-Maskable (pull request #1569)

feat(LOY-183): Make Current & Retype Password Inputs Maskable in My Profile Edit Form

* feat(LOY-183): implement PasswordInput and PasswordToggleButton components

- Added PasswordInput component for password fields with visibility toggle.
- Introduced PasswordToggleButton for toggling password visibility.
- Updated NewPassword component to utilize the new PasswordInput.

* refactor(LOY-183): replace NewPassword component with PasswordInput


Approved-by: Christian Andolf

apps/scandic-web/components/Forms/Signup/index.tsx

@@ -16,7 +16,7 @@ import Checkbox from "@/components/TempDesignSystem/Form/Checkbox"
 import CountrySelect from "@/components/TempDesignSystem/Form/Country"
 import DateSelect from "@/components/TempDesignSystem/Form/Date"
 import Input from "@/components/TempDesignSystem/Form/Input"
-import NewPassword from "@/components/TempDesignSystem/Form/NewPassword"
+import PasswordInput from "@/components/TempDesignSystem/Form/PasswordInput"
 import Phone from "@/components/TempDesignSystem/Form/Phone"
 import Link from "@/components/TempDesignSystem/Link"
 import Body from "@/components/TempDesignSystem/Text/Body"
@@ -156,9 +156,10 @@ export default function SignupForm({ title }: SignUpFormProps) {
                 {intl.formatMessage({ id: "Password" })}
               </Subtitle>
             </header>
-            <NewPassword
+            <PasswordInput
               name="password"
               label={intl.formatMessage({ id: "Password" })}
+              isNewPassword
             />
           </section>
           <section className={styles.terms}>