[FLASK] Add tooltips to show info about a permission

[Mrtenz]

Explanation

This adds support for showing tooltips on permissions, and adds a tooltip to all the Snaps-related permissions.

Closes #17624.

Before

After

Manual Testing Steps

1. Go to test-snaps.
2. Click to connect to a snap.
3. Ensure that the right icon shows up, and shows a tooltip when hovering.

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

[GuillaumeRx]

Code LGTM, build is not passing though

[metamaskbot]

Builds ready [22551a5]

• 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 (1502 ± 136 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	98	182	134	22	10
		domContentLoaded	1027	1973	1474	295	141
		load	1084	1974	1502	283	136
		domInteractive	1027	1973	1474	295	141

Bundle size diffs

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

[metamaskbot]

Builds ready [22551a5]

• 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 (1502 ± 136 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	98	182	134	22	10
		domContentLoaded	1027	1973	1474	295	141
		load	1084	1974	1502	283	136
		domInteractive	1027	1973	1474	295	141

Bundle size diffs

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

[metamaskbot]

Builds ready [b61482d]

• 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 (1698 ± 79 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	102	401	138	63	30
		domContentLoaded	1428	2029	1677	173	83
		load	1499	2029	1698	165	79
		domInteractive	1428	2029	1677	173	83

Bundle size diffs

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

[codecov]

Codecov Report

Merging #17685 (803bd62) into develop (c940f74) will decrease coverage by 0.03%.
The diff coverage is 8.00%.

@@             Coverage Diff             @@
##           develop   #17685      +/-   ##
===========================================
- Coverage    63.96%   63.93%   -0.03%     
===========================================
  Files          914      914              
  Lines        35621    35639      +18     
  Branches      9028     9035       +7     
===========================================
+ Hits         22783    22785       +2     
- Misses       12838    12854      +16     

Impacted Files	Coverage Δ
...ission-list/permissions-connect-permission-list.js	12.50% <0.00%> (ø)
ui/helpers/utils/permission.js	5.81% <8.70%> (+1.40%)	⬆️

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 [803bd62]

• 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 (1719 ± 67 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	103	170	126	21	10
		domContentLoaded	1506	2045	1713	141	68
		load	1525	2045	1719	140	67
		domInteractive	1506	2045	1713	141	68

Bundle size diffs

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