[Bug]: Fix Validation, Password Toggle, and Panel Switching Bugs in script.js for Login/Registration

[chikatlarakesh]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

• The login and registration forms do not perform validation on user input, allowing users to submit empty fields or incorrectly formatted email addresses.

• Additionally, the password visibility toggle may not function correctly if IDs are not unique, leading to unintended behavior.

• There is also no keyboard accessibility for submitting forms with the Enter key.

• When a user attempts to submit the registration or login form without filling in all required fields, no validation message is displayed, and the form submits regardless.

• The password visibility toggle icon does not consistently change between "eye" and "eye-slash" states due to potential ID conflicts.

• Users cannot submit the form using the Enter key, which affects accessibility.

Expected behavior

• The registration and login forms would validate input fields, displaying error messages if required fields are empty or if the email format is invalid.
• The password visibility toggle would correctly change the icon when clicked and work independently for each form field.
• Users would be able to submit the forms using the Enter key for better accessibility.

Add ScreenShots

No response

On which device are you experiencing this bug?

Android, iPhone, Chrome

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I'm a VSOC'24 contributor
• I have starred the repository

[github-actions]

Hi @chikatlarakesh! Thanks for opening this issue. We appreciate your contribution to this open-source project.