feat: show paymaster address in redesigned contract interaction

[matthewwalsh0]

Description

Display the paymaster address in the contract interaction confirmation.

Only if the transaction is a user operation and includes paymasterAndData.

In addition:

• Replace duplicate Box usages with new ConfirmInfoSection component.
• Add stories for the full contract interaction confirmation page for easier testing.
• Create selectors to retrieve paymaster data and address by user operation ID.
• Rename AlertRow to ConfirmInfoAlertRow.

Related issues

Fixes: #2673

Manual testing steps

1. Install example 4337 account snap.
2. Add ENABLE_CONFIRMATION_REDESIGN=true to .metamaskrc.
3. Create Mint transaction from test dApp.
4. Verify Fee paid by row is visible.

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension 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.

[jpuri]

Changes look great 👍

The base branch was changed.

[codecov]

Codecov Report

Attention: Patch coverage is 96.96970% with 1 line in your changes missing coverage. Please review.

Project coverage is 64.93%. Comparing base (5c8e1a9) to head (080a644).
Report is 1 commits behind head on develop.

Files	Patch %	Lines
...onents/confirm/info/shared/transaction-details.tsx	90.00%	1 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #25396      +/-   ##
===========================================
+ Coverage    64.91%   64.93%   +0.01%     
===========================================
  Files         1390     1391       +1     
  Lines        55155    55177      +22     
  Branches     14493    14497       +4     
===========================================
+ Hits         35803    35824      +21     
- Misses       19352    19353       +1     

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

[metamaskbot]

Builds ready [e06b707]

• 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, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (42 ± 3 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	64	143	76	17	8
		domContentLoaded	8	20	10	2	1
		load	38	62	42	5	3
		domInteractive	8	20	10	2	1

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

• background: 0 Bytes (0.00%)
• ui: 1015 Bytes (0.01%)
• common: 162 Bytes (0.00%)

[digiwand]

Awesome!

can reapprove after the merge conflict is resolved

[metamaskbot]

Builds ready [7b636f3]

• 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, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (126 ± 169 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	64	104	79	10	5
		domContentLoaded	9	13	10	1	1
		load	40	1660	126	352	169
		domInteractive	9	13	10	1	1

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

• background: 0 Bytes (0.00%)
• ui: 516 Bytes (0.01%)
• common: 162 Bytes (0.00%)

[metamaskbot]

Builds ready [080a644]

• 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, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (43 ± 3 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	60	87	73	8	4
		domContentLoaded	8	12	10	1	0
		load	39	65	43	6	3
		domInteractive	8	12	9	1	0

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

• background: 0 Bytes (0.00%)
• ui: 498 Bytes (0.01%)
• common: 162 Bytes (0.00%)