refactor(experience): add hidden identifier input for browser password managers

[xiaoyijun]

Summary

This PR introduces a mechanism to enhance browser password managers’ compatibility by adding hidden identifier input fields in SetPassword components.

• A new HiddenIdentifierInput component is created to store user identifiers in hidden fields.
• Session storage hooks are updated to cache identifier data.
• Form submission hooks (use-on-submit) are modified to store current identifiers data into session storage.

These changes ensure that browser password managers accurately store and autofill user credentials, improving user experience and security.

Testing

For new registered user:

For password reset:

Checklist

• [ ] .changeset
• [ ] unit tests
• [ ] integration tests
• [x] necessary TSDoc comments

[github-actions[bot]]

COMPARE TO master

Total Size Diff :chart_with_upwards_trend: +2.02 KB

Diff by File

|Name|Diff| |---|---| |packages/experience/src/containers/SetPassword/HiddenIdentifierInput.tsx|:chart_with_upwards_trend: +802 Bytes| |packages/experience/src/containers/SetPassword/Lite.tsx|:chart_with_upwards_trend: +93 Bytes| |packages/experience/src/containers/SetPassword/SetPassword.tsx|:chart_with_upwards_trend: +93 Bytes| |packages/experience/src/hooks/use-session-storages.ts|:chart_with_upwards_trend: +127 Bytes| |packages/experience/src/pages/Register/IdentifierRegisterForm/use-on-submit.ts|:chart_with_upwards_trend: +272 Bytes| |packages/experience/src/pages/SignIn/IdentifierSignInForm/use-on-submit.ts|:chart_with_upwards_trend: +283 Bytes| |packages/experience/src/types/guard.ts|:chart_with_upwards_trend: +394 Bytes|