chore: refine import account screen

[vinnyhoward]

Description

refine import account screen UI

Changelog

CHANGELOG entry:null

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/MDP-323

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

before	after

Before

~

After

~

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• 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.

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.

---

Note

Modernizes the Import Private Key UI while preserving behavior.

• Replaces ButtonIcon close control with HeaderCenter back header (testID preserved) and removes decorative download icon
• Adjusts layout and spacing: adds marginTop, switches to paddingHorizontal, reduces row gaps, and centers scan-QR link row
• Updates typography/colors: body text uses TextColor.Alternative; input uses background.section, muted text color, and tighter margins
• Cleans up styles (removes background tints) and updates snapshots; import/scan flows and logic remain unchanged

^{Written by Cursor Bugbot for commit 75cc51b. This will update automatically on new commits. Configure here.}

[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.

[github-actions]

🔍 Smart E2E Test Selection

• Selected E2E tags: SmokeAccounts
• Risk Level: low
• AI Confidence: 80%

click to see 🤖 AI reasoning details

The changes are purely UI/styling refactoring for the ImportPrivateKey component:

1. Visual changes only: Replaced ButtonIcon with HeaderCenter component, removed Download icon, changed text colors from Default to Alternative, and adjusted spacing/margins in styles.

2. No functional changes: The core functionality of importing accounts via private key remains unchanged. The component still uses the same Authentication.importAccountFromPrivateKey method and navigation flow.

3. No direct E2E test coverage: My investigation found that while selectors exist (ImportAccountFromPrivateKey.selectors.ts), there are no E2E specs that actually use them. The import private key flow is not covered by existing E2E tests.

4. Low risk assessment:

   • Pure styling/UI refactoring
   • No changes to business logic
   • Snapshot tests updated to reflect new UI
   • Unit tests exist and were updated

Selecting SmokeAccounts as it covers account management functionality, which is the domain this component belongs to. This provides general coverage for account-related flows even though the specific ImportPrivateKey UI may not be directly tested.

View GitHub Actions results

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[gantunesr]

Looks good