Improve secret input masking

[rohan-chaturvedi]

Is your feature request related to a problem?

Currently, input masking is handled by the browser by leveraging the html input type="password" attribute. Which this handles masking well, it introduces a few problems

• The browser prompts the user to "Save this password" when editing secrets. (Browser specific workarounds to block this exist in some cases but are not ideal)
• The masking looks different on different browsers
• Masking very large, or multi line values is sub-optimal

Suggested approach

Use a password font such as this one to mask inputs.

Describe alternatives you've considered

Manually replacing masked characters with * or • symbols. While this masks characters, it creates several other issues such as managing the value vs displayValue of inputs, removing the ability to manually copy values, etc

Additional context

Alternative approaches are welcome

[ayan-joshi]

I would like to work on this issue under FOSS HACK @rohan-chaturvedi

[nimish-ks]

@ayan-joshi all yours!