feat: reveal and hide private keys

[dawnseeker8]

Description

Adds a show/hide element which toggles whether the private key input value is visible or not.

Note

This is the same PR as #20719 from external repo, due to ci/circleci: prep-deps always failed for external contributor. I create this PR internally as workaround to run CI.

Related issues

Fixes: #20630

Manual testing steps

1. Click the accounts menu dropdown
2. Select Import account
3. Ensure the private key input defaults to hidden
4. Ensure the show/hide toggle switches between input visibility appropriately
5. Ensure that the private key import functionality is otherwise unchanged

Screenshots/Recordings

Before

before1080.mov

After

after1080.mov

Pre-merge author checklist

• I’ve followed MetaMask Coding Standards.
• I've clearly explained what problem this PR is solving and how it is solved.
• I've linked related issues
• I've included manual testing steps
• I've included screenshots/recordings if applicable
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
• I’ve properly set the pull request status:
  • In case it's not yet "ready for review", I've set it to "draft".
  • In case it's "ready for review", I've changed it from "draft" to "non-draft".

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

Builds ready [43cd92e]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 2, 3, 4, 5, 6
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (747 ± 394 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	71	238	116	41	20
		domContentLoaded	10	169	33	36	18
		load	57	2113	747	821	394
		domInteractive	10	169	33	36	18

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 197 Bytes (0.00%)
• common: 383 Bytes (0.01%)

[codecov]

Codecov Report

Attention: Patch coverage is 66.66667% with 1 lines in your changes are missing coverage. Please review.

Project coverage is 68.66%. Comparing base (3423aab) to head (43cd92e).
Report is 1 commits behind head on develop.

Files	Patch %	Lines
...omponents/multichain/import-account/private-key.js	66.67%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #23371      +/-   ##
===========================================
- Coverage    68.66%   68.66%   -0.00%     
===========================================
  Files         1105     1105              
  Lines        43330    43333       +3     
  Branches     11581    11582       +1     
===========================================
+ Hits         29749    29751       +2     
- Misses       13581    13582       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.