feat: implementation login screen

[amberkamboj77]

Description

Login screen implementation with Universal Design system components and Auth0 branding. It uses Auth0 ACUL JS SDK.

To configure viewing this screen:
Go to Manage Dashboard and select Authentication > Authentication Profile as Identifier + Password

Changes

• List the specific changes made
• Include any breaking changes
• Note any new dependencies or configuration updates

1. federatedLogin, login, getError, getIdentifierDetails methods used.
2. ULThemePasswordField addition for password field.

Testing

• Tests pass locally
• New tests added for new functionality
• Manual testing completed
• No breaking changes to existing functionality

1. Unit Testing

npm test -- --testPathPatterns="(ULThemePasswordField|LoginScreen).test.tsx" --verbose

2. Manual testing with Mock Data

npm run screen login

3. Manual testing with Auth0 Data

Steps:

1. Go to Manage Dashboard and select Authentication > Authentication Profile as Identifier + Password
2. Upload assets for login screen to CDN. More details about this in README.md
3. Update login screen to render in Advanced mode. (Use auth0-cli).
4. Run any quickstart and click login.

Checklist

• Code follows the project's style guidelines
• Self-review of the code completed
• Code is commented where necessary
• Documentation updated if needed
• Changes generate no new warnings

[grandmaester]

LGTM!!