Cherry-pick: feat: Add animation on the Smart Transaction status page (#24389) into v11.15.3

[dbrans]

Cherry-pick f0ac9c07b07e711f52889515385e7356298d3027, (#24389) into v11.15.3

[github-actions[bot]]

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.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 67.54%. Comparing base (c9acdd3) to head (c5335d9).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## Version-v11.15.3 #24397 +/- ## ================================================= Coverage 67.54% 67.54% ================================================= Files 1247 1247 Lines 48945 48945 Branches 12788 12788 ================================================= Hits 33059 33059 Misses 15886 15886 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[metamaskbot]

Builds ready [c5335d9]

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

Page Load Metrics (1197 ± 599 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	64	168	112	32	15
		domContentLoaded	12	48	23	9	4
		load	50	2868	1197	1248	599
		domInteractive	12	48	23	8	4

[metamaskbot]

No release label on PR. Adding release label release-11.15.3 on PR, as PR was cherry-picked in branch 11.15.3.