Swathi lb dashboard login features

[SwathiAngadi]

Description

Enhance Login UX & Validation for Listing & Bidding Portal. With below features

• Add client-side validation for email format and empty fields.
• Implement show/hide password toggle.
• Display inline error messages for failed login attempts.
• Add loading/disabled state on Login button during authentication.
• Show Caps Lock warning on password field.
• Ensure keyboard accessibility and basic ARIA labels.

Related PRS (if any):

No related PRs

Main changes explained:

1. Added live validation of input field on the first key stroke.
2. Used validator library for email validation

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. Hit this URL: http://localhost:5173/lbdashboard/login
5. Verify for different error scenarios.
6. Verify user will be able to move with tabs
7. Verify this page has implemented accessbility.
8. Verify multiple calls are not made to backend while waiting for authentication.
   11.Check whether dark mode is implemented for this page.
9. Test for Responsiveness of the page

Screenshots or videos of changes:

Screen.Recording.2026-03-25.123948.mp4

Screen.Recording.2026-03-25.123845.mp4

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	adb3eca
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69df3b52d679ac0008cba949
😎 Deploy Preview	https://deploy-preview-5063--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[rajanidi1999]

Hi Swathi,
The Login page for the Listing and Bidding Portal is displaying correctly with a clean and user-friendly layout. The email and password input fields are clearly visible and properly aligned, and the login button is easily accessible. The note about using Production/Main credentials is clearly mentioned, which helps guide users.

[Anusha-Gali]

Hi Swathi,

I have reviewed the PR locally and it works as per requirement.

[HemanthNidamanuru]

Hi Swathi,

I tested this PR locally and everything is working as expected. Error scenarios, tab navigation, accessibility, dark mode, and responsiveness are all functioning correctly.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[one-community]

Thank you all, merging!