Improve UX by adding password visibility toggle for password inputs.

[radheshpai87]

Problem

Currently, there is no eye icon or visibility toggle for password fields in Mathesar. This makes it difficult for users to verify what they have typed, especially during login or while changing their password. Users can easily mistype their password without realizing it, which leads to failed login attempts or frustration during password updates. This issue exists on both the login page and the password change page.

Proposed solution

Add a password visibility toggle (eye icon) to all password input fields in Mathesar. Clicking the icon should switch the field between masked and visible text, similar to common UX patterns followed by most modern applications. This feature should be implemented in:

Login password field

Change password form fields

The toggle should not affect security and should only change the UI representation on the client side.

Additional context

Most applications today provide this feature as a standard UX improvement, and users generally expect it. Not having it feels like a missing basic usability feature. Adding this would improve accessibility and reduce login/password change errors without any major design change.

• The account page where we change the passwords

• The login page