[FLASK] Update snap authorship component

[FrederikBolding]

Explanation

Implemented new snap authorship component.

Fixes #18237

Screenshots/Screencaps

Before

After

[metamaskbot]

Builds ready [d27c542]

• 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 (1635 ± 44 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	92	210	129	24	12
		domContentLoaded	1464	1771	1623	80	38
		load	1482	1853	1635	92	44
		domInteractive	1464	1771	1623	80	38

Bundle size diffs

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

[codecov]

Codecov Report

❗ No coverage uploaded for pull request base (develop@8c310a0). Click here to learn what that means.
The diff coverage is 40.00%.

@@            Coverage Diff             @@
##             develop   #18262   +/-   ##
==========================================
  Coverage           ?   64.51%           
==========================================
  Files              ?      913           
  Lines              ?    35327           
  Branches           ?     9071           
==========================================
  Hits               ?    22788           
  Misses             ?    12539           
  Partials           ?        0           

Impacted Files	Coverage Δ
ui/helpers/utils/util.js	85.42% <25.00%> (ø)
...ect-header/permissions-connect-header.component.js	91.67% <100.00%> (ø)

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

[eriknson]

Should we componentize this as e.g. <SnapAvatar /> on a snaps-app-level so it can be used consistently across our UI? I have a feeling this will be used quite often going forward.

I know for example @david0xd will be needing it on the settings page as well.

[FrederikBolding]

Yes, doing this now 👍

[metamaskbot]

Builds ready [698980c]

• 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 (1636 ± 51 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	91	147	121	18	9
		domContentLoaded	1514	1804	1618	88	42
		load	1514	1932	1636	107	51
		domInteractive	1514	1804	1618	88	42

Bundle size diffs

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