refactor: introduce useAsyncCallback and simplify useAsyncResult

[dbrans]

Description

This PR introduces useAsyncCallback for manual execution of asynchronous functions (e.g., on button clicks) with state management (idle, pending, success, error). useAsyncResult is refactored to build upon useAsyncCallback. This separates concerns of manual execution from automatic execution on mount/update.

Related issues

Fixes:

Manual testing steps

1. Go to this page...

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.

[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 [54b5dc5]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1714 ± 66 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1470	1937	1706	140	67
		domContentLoaded	1461	1907	1679	133	64
		load	1480	1973	1714	137	66
		domInteractive	26	230	54	51	24
		backgroundConnect	9	106	39	24	12
		firstReactRender	15	73	24	16	7
		getState	5	66	26	23	11
		initialActions	0	1	0	0	0
		loadScripts	1050	1483	1251	130	62
		setupStore	8	70	16	18	9
		uiStartup	1755	2207	1952	144	69

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: -70 Bytes (-0.00%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [9c994ee]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (1788 ± 84 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	221	2273	1711	385	185
		domContentLoaded	1497	2238	1759	164	79
		load	1510	2258	1788	175	84
		domInteractive	28	164	57	38	18
		backgroundConnect	10	97	31	21	10
		firstReactRender	15	72	36	23	11
		getState	5	60	17	16	8
		initialActions	0	1	0	0	0
		loadScripts	1105	1664	1309	123	59
		setupStore	7	58	19	18	8
		uiStartup	1672	2522	2021	178	85

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 161 Bytes (0.00%)
• common: 0 Bytes (0.00%)