[Auth 11] refact: User security TOTP drawer

[distantnative]

Description

Changelog

♻️ Refactored

• New UserTotpDrawerController and <k-user-totp-drawer> to manage TOTP challenge settings

🚨 Breaking changes

• Removed UserTotpEnableDialogController , UserTotpDisableDialogController and <k-totp-dialog>. Use UserTotpDrawerController and <k-user-totp-drawer> instead.

For review team

• Add changes & docs to main PR

[bastianallgeier]

Dark mode is not fully adapted yet.

I also wonder if we should set the code input in the regular size. In the dialog, it looked better with the bigger font size. In the drawer, I think it would look better otherwise.

[distantnative]

@bastianallgeier I have fixed the background color and removed the larger styling of the code field:

To me the code field looks a little silly at that small size with all that vast space left unused. That's why I thought to make it a little larger. But I am ok with it if you want to merge it with the normal size.

[bastianallgeier]

@distantnative to me, it looks better but I get what you mean. I wonder if we should have a real code input at some point. But I also like that we simply use a native input for it and don't have to throw extra code at just handling paste.

[distantnative]

@bastianallgeier I could imagine we could find a CSS way to create a stylized input for codes like this. But that's definitely a separate project indeed.