Tweak recovery key input modal

[uhoreg]

Your use case

apply Andreas' comments from #29228 (comment):

@uhoreg I have noted a few discrepancies which would be good to fix, as this would be used frequently:

1. The error "The recovery key you entered is not correct" is still shown if you clear the input. I think we should return to the initial state when the input is cleared.
2. The icon for the same error (red cross) is different from the one in designs (red exclamation mark in a circle).
3. The size of the modal is changing when you enter correct recovery key (I guess because the hint below the textbox disappears), see the attached video.

Screen.Recording.2025-05-27.at.09.27.07.mov

[richvdh]

Is it deliberate that clicking outside the dialog gives you another dialog:

... whilst clicking "Cancel" just takes you back to where you were before.

I can see arguments for either approach, but the inconsistency seems surprising.

@mxandreas any comments on what we should do here?

[richvdh]

(also, I don't think we call it a "passphrase" any more?)

[uhoreg]

Is it deliberate that clicking outside the dialog gives you another dialog:

I had not seen that before, and wasn't aware that it was there. It's not part of the designs, and I suspect it should be removed.

[mxandreas]

@richvdh Yes, please remove it.

[Athwale]

Why is this input in clear text relying on the user to shield their screen?
Can you make it hidden with an optional display clear text option.
It is not secure to type your passphrase in plain text.