fix(db & connection): make to show/hide the password when only creating db connection

[prosdev0107]

SUMMARY

Show/Hide Password in Database Connection Creation Dynamic Forms

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

BEFORE:

AFTER:

TESTING INSTRUCTIONS

Proposed changes:

1. By default, anything typed in the password field should be masked
2. User should be able to toggle to see the password and toggle back to hiding the password ONLY WHEN entering the password when CONNECTING a database, not when EDITING one
3. When editing an existing db connection the password should be masked WITHOUT the option to show the password to prevent unintentionally showing passwords to someone who didn't initially connect the db
4. See details in comment on show/hide icon and tooltip text

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codemaster08240328]

LGTM

[yousoph]

/testenv up

[github-actions]

@yousoph Ephemeral environment spinning up at http://35.166.83.249:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[yousoph]

/testenv up

[github-actions]

@yousoph Ephemeral environment spinning up at http://35.88.99.67:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[codecov]

Codecov Report

Merging #19694 (4b7de08) into master (28742e5) will increase coverage by 0.00%.
The diff coverage is 75.00%.

@@           Coverage Diff           @@
##           master   #19694   +/-   ##
=======================================
  Coverage   66.38%   66.38%           
=======================================
  Files        1692     1692           
  Lines       64802    64806    +4     
  Branches     6657     6659    +2     
=======================================
+ Hits        43021    43024    +3     
  Misses      20081    20081           
- Partials     1700     1701    +1     

Flag	Coverage Δ
javascript	51.25% <75.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...end/src/components/Form/LabeledErrorBoundInput.tsx	95.00% <75.00%> (-5.00%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 28742e5...4b7de08. Read the comment docs.

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.