Fix login page validation to prevent submission with empty fields

[Itaxh1]

Description:
Currently, the login page allows form submission without any input validation, letting users submit the form even if no credentials are entered. This leads to a poor user experience and potential backend errors.

Expected behavior:

The login form should validate that both username/email and password fields are filled before allowing submission.

If any required field is empty, display a clear validation error message below or near the respective input.

Prevent form submission when validation fails.

Steps to reproduce:

Go to the login page.

Click the login/submit button without entering any data.

Observe that the form submits or no validation message is shown.

Suggested fix:

Add front-end validation for empty input fields on login form.

Show user-friendly error messages when inputs are missing.

Disable the submit button until all required fields have valid data (optional but recommended).

Additional context:
Improving this validation will enhance user experience and reduce unnecessary backend requests.

[kwatraa]

Would like to work on it

[Itaxh1]

You can work on this issue, Create a feature branch and please proceed

[Tawab44]

I came across your issue in your repository, and I’m really interested in contributing to it. I’ve read through the issue and the contributing guidelines, and I believe I can help resolve it and Fix it. Can you assign this task to me?

[Itaxh1]

@Tawab44 Fork and create a PR, I will review the change, please note this is very early code every prompt api cost us, make sure you don't use the prompts inside - I do have logs and api calls are monitored - Code with care, Good luck!