[FLASK] Redesign key management modal

[hmalik88]

Closes #18166

Updated the snap install warning modal to now house warnings for all weight-1 permissions, the design has also been updated per: https://www.figma.com/file/diidnCHx9FXj5LDiA5DZZr/Snaps-features?node-id=24-11653&t=IZlEBMh8N7M9QLjb-0

See below for new warning:

Screen.Recording.2023-03-21.at.3.54.14.PM.mov

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

[GuillaumeRx]

E2E tests seems to be broken due to a classname change

Made changes

[metamaskbot]

Builds ready [4fdd9c6]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• 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
  • 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1623 ± 85 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	100	239	126	35	17
		domContentLoaded	1463	2059	1619	174	83
		load	1463	2059	1623	177	85
		domInteractive	1463	2059	1619	174	83

Bundle size diffs

• background: 0 bytes
• ui: 0 bytes
• common: 0 bytes

[metamaskbot]

Builds ready [9fc9d26]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• 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
  • 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1773 ± 118 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	91	191	127	26	12
		domContentLoaded	1401	2159	1758	250	120
		load	1413	2165	1773	245	118
		domInteractive	1401	2159	1758	250	120

Bundle size diffs

• background: 0 bytes
• ui: 0 bytes
• common: 0 bytes

[codecov]

Codecov Report

Merging #18263 (dccd4ec) into develop (12bd9b0) will decrease coverage by 0.10%.
The diff coverage is 4.44%.

❗ Current head dccd4ec differs from pull request most recent head 423a81d. Consider uploading reports for the commit 423a81d to get more accurate results

@@             Coverage Diff             @@
##           develop   #18263      +/-   ##
===========================================
- Coverage    64.64%   64.54%   -0.10%     
===========================================
  Files          920      920              
  Lines        35473    35475       +2     
  Branches      9121     9124       +3     
===========================================
- Hits         22929    22895      -34     
- Misses       12544    12580      +36     

Impacted Files	Coverage Δ
...unts-permissions/connected-accounts-permissions.js	0.00% <0.00%> (ø)
ui/helpers/utils/util.js	85.42% <0.00%> (ø)
ui/pages/permissions-connect/flask/util.js	0.00% <0.00%> (ø)
ui/helpers/utils/permission.js	5.43% <7.14%> (-0.38%)	⬇️

... and 5 files with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[metamaskbot]

Builds ready [350d8ec]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• 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
  • 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1639 ± 43 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	104	156	126	13	6
		domContentLoaded	1475	1885	1623	90	43
		load	1475	1885	1639	90	43
		domInteractive	1475	1885	1623	90	43

Bundle size diffs

• background: 0 bytes
• ui: 0 bytes
• common: 0 bytes

[metamaskbot]

Builds ready [9e61dfd]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• 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
  • 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1575 ± 76 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	89	143	106	12	6
		domContentLoaded	1384	1937	1556	132	63
		load	1384	2052	1575	158	76
		domInteractive	1384	1937	1556	132	63

Bundle size diffs

• background: 0 bytes
• ui: 0 bytes
• common: 0 bytes

[metamaskbot]

Builds ready [423a81d]

• builds: chrome, firefox
• builds (beta): chrome, firefox
• 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
  • 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1691 ± 54 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	91	186	124	21	10
		domContentLoaded	1470	1938	1676	121	58
		load	1471	1938	1691	112	54
		domInteractive	1470	1938	1676	121	58

Bundle size diffs

• background: 0 bytes
• ui: 225 bytes
• common: 0 bytes