[GENERAL] Add Hide/Unhide password button in sign in page

[mohsenkhosroanjam]

Category

Suggestion

Description

As a user, I can log in to my account using my password and email. A Hide/Unhide button can be added to the password field. As a result, the users can press the button to unhide their entered password to ensure that they provide a correct password. It can prevent users from sending incorrect passwords to the server unintentionally as they can make mistake entering their password.

Expected result:
Password is hidden by default and the button is in unhide state. When the user clicks on unhide button, the password should be unhidden and the button should be changed to hide state. In this situation, when user clicks on hide button, the password should be hidden and the button should be changed to unhide state.

Additional Context

Steps to reproduce:
1- Go to https://leetcode-journal.vercel.app/auth/signin
Hide/Unhide button example: I found the example on https://www.codingnepalweb.com/show-hide-password-html-css-javascript/

Impact Level

Low

Contribution Guidelines

• I have searched existing issues to avoid duplicates
• I would like to help resolve this issue

[github-actions]

👋 Hello @mohsenkhosroanjam!

Thank you for raising an issue in the Leetcode Journal project!
Your issue has been logged, and the team will review it shortly.

Issue Handling Checklist:

• Make sure the issue includes clear steps to reproduce (if applicable).
• Provide relevant context, screenshots, or logs.
• Mention if this issue blocks any critical workflows.

Notifications:

• Project Admin: @yashksaini-coder
• Mentor: @ompharate

We'll get back to you soon. Stay tuned! 🚀

[yashksaini-coder]

I don't think this will be relevant