New BlockaidBannerAlert component

[digiwand]

Explanation

Fixes: #19257
Blocked by: #19825

Screenshots/Screencaps

Storybook

Tests

Manual Testing Steps

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved
  • How reviewers can test my changes
• Sufficient automated test coverage has been added

Pre-merge reviewer checklist

• Manual testing (e.g. pull and build branch, run in browser, test code being changed)
• PR is linked to the appropriate GitHub issue
• IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

[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 [2d87fdd]

• builds: chrome, firefox
• builds (beta): chrome
• builds (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
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1640 ± 47 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	119	204	139	19	9
		domContentLoaded	1502	1898	1640	99	47
		load	1502	1899	1640	99	47
		domInteractive	1502	1898	1640	99	47

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

• background: 0 bytes
• ui: 904 bytes
• common: 1041 bytes

[codecov]

Codecov Report

Merging #20051 (38d603f) into develop (e923110) will increase coverage by 0.01%.
The diff coverage is 95.00%.

@@             Coverage Diff             @@
##           develop   #20051      +/-   ##
===========================================
+ Coverage    69.35%   69.36%   +0.01%     
===========================================
  Files          986      987       +1     
  Lines        37265    37285      +20     
  Branches     10002    10011       +9     
===========================================
+ Hits         25843    25862      +19     
- Misses       11422    11423       +1     

Impacted Files	Coverage Δ
shared/constants/security-provider.ts	100.00% <ø> (ø)
...ert/blockaid-banner-alert/blockaid-banner-alert.js	95.00% <95.00%> (ø)

[jpuri]

Great work 👍

[georgewrmarshall]

UI LGTM!

• Checked storybook build in PR

The base branch was changed.

[metamaskbot]

Builds ready [38d603f]

• builds: chrome, firefox
• builds (beta): chrome
• builds (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
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1744 ± 83 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	113	274	161	38	18
		domContentLoaded	1463	2064	1743	173	83
		load	1463	2064	1744	173	83
		domInteractive	1463	2063	1743	173	83

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

• background: 0 Bytes (0.00%)
• ui: 689 Bytes (0.01%)
• common: 888 Bytes (0.02%)