[Enhancement]: Add "Eye Symbol" for Password Visibility Toggle in Password Input Fields

[delight-xxx]

Description

As a user, I want the ability to toggle the visibility of my password in input fields by clicking on an "eye symbol" so that I can easily verify my password as I type.

Requirements

Implement Password Visibility Toggle:

1. Add an "eye symbol" icon to all password input fields where users enter passwords (e.g., login, registration, change password forms).
2. The icon should be placed inside or adjacent to the password input field.

Acceptance Criteria

• [ ] When the user clicks on the "eye symbol," the password should toggle between masked (hidden) and unmasked (visible) states.
• [ ] The icon should change visually to indicate whether the password is currently visible (e.g., open eye for visible, closed eye for hidden).
• [ ] The default state should be masked (hidden).

Links

| FIGMA LINK

Images

https://github.com/user-attachments/assets/ec8cdf55-7709-478d-b99a-8e42a82ee49e

[harjibbolar26]

up for assignment

[harjibbolar26]

eye icon exists when user is typing

[delight-xxx]

https://github.com/user-attachments/assets/84bd79a0-1635-449e-bede-fe9ca7d6c415 video proof @harjibbolar26 The eye symbol is still not visible on the live link. Or it was worked on just now?

[delight-xxx]

Video Proof is in the issue description above. @harjibbolar26