feat(ui): Hide secret values by default

[mnonnenmacher]

Add a new PasswordInput component that hides the value by default. The input contains a button to toggle between showing and hiding the input.

Use this component to hide the values of secrets by default.

Fixes #1940.

[Etsija]

LGTM. If you want to get rid of some, if not all, React errors regarding uncontrolled->controlled state in the secrets forms, please see my answer in #1946.

That could also be done in a separate follow-up PR, as I believe there are many forms for which we haven't yet set defaults, and they will give more errors to dev console. Let me know what you think - we can approve this PR as-is, then fix most (if not all) React uncontrolled->controlled errors in a follow-up PR. Or, you can add fixes to secrets-specific forms in this PR, maybe in a fix commit. Then the commit could serve as an example of setting up the defaults elsewhere in the code.

[mnonnenmacher]

LGTM. If you want to get rid of some, if not all, React errors regarding uncontrolled->controlled state in the secrets forms, please see my answer in #1946.

That could also be done in a separate follow-up PR, as I believe there are many forms for which we haven't yet set defaults, and they will give more errors to dev console. Let me know what you think - we can approve this PR as-is, then fix most (if not all) React uncontrolled->controlled errors in a follow-up PR. Or, you can add fixes to secrets-specific forms in this PR, maybe in a fix commit. Then the commit could serve as an example of setting up the defaults elsewhere in the code.

Thanks for doing the investigation. I found the error because I also tried a different implementation to hide secret values and I believe it did not work as expected because of this error. However, as the current implementation works without the fix I'd rather leave it as is and address the issue separately for all forms.