TOTP setup UI

[lukasSerelis]

Current UI isn't ideal due to mental load presented. There is at the same time QR code, text code and entry field. Ideally we'd either have more seperation or hide the secret behind another screen.

Scenario 1, hiding one-time code secret thing behind a link: 1) Default screen. https://www.figma.com/design/zstuCMdHsKx8Wr9ERZx9Kw/Login-updates-(passkey%2C-MFA%2C-org-links)?node-id=166-8979&node-type=frame&t=GzhBGn7sxcZeBrJj-11

2) If you click can't scan code you see this. Clicking use QR instead takes you to default screen https://www.figma.com/design/zstuCMdHsKx8Wr9ERZx9Kw/Login-updates-(passkey%2C-MFA%2C-org-links)?node-id=235-5519&node-type=frame&t=GzhBGn7sxcZeBrJj-11

Scenario 2: Show the one-time code secret but better separate them better https://www.figma.com/design/zstuCMdHsKx8Wr9ERZx9Kw/Login-updates-(passkey%2C-MFA%2C-org-links)?node-id=235-5730&node-type=frame&t=GzhBGn7sxcZeBrJj-11

[syncronize-issues-to-jira[bot]]

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/IAM-1148.

This message was autogenerated

[natalian98]

@edlerd could you add it to your backlog? thank you