MMI adds the note-to-trader component

[zone-live]

Explanation

This PR adds the MMI NoteToTrader component under the ui/components/institutional/ folder
Ref ticket: https://consensyssoftware.atlassian.net/browse/MMI-2645

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved

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

[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 [06196da]

• 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 (1777 ± 143 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	98	208	136	26	12
		domContentLoaded	1253	2208	1749	291	140
		load	1267	2296	1777	298	143
		domInteractive	1253	2208	1749	291	140

Bundle size diffs

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

[codecov]

Codecov Report

Merging #18106 (1c4f338) into develop (7215fc2) will increase coverage by 0.00%.
The diff coverage is 80.00%.

❗ Current head 1c4f338 differs from pull request most recent head b17ad3b. Consider uploading reports for the commit b17ad3b to get more accurate results

@@           Coverage Diff            @@
##           develop   #18106   +/-   ##
========================================
  Coverage    64.00%   64.00%           
========================================
  Files          910      911    +1     
  Lines        35505    35510    +5     
  Branches      9002     9002           
========================================
+ Hits         22724    22728    +4     
- Misses       12781    12782    +1     

Impacted Files	Coverage Δ
...nts/institutional/note-to-trader/note-to-trader.js	80.00% <80.00%> (ø)

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 [015214b]

• 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 (1546 ± 85 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	97	330	132	58	28
		domContentLoaded	1236	1945	1522	171	82
		load	1237	1945	1546	178	85
		domInteractive	1236	1944	1522	171	82

Bundle size diffs

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

[metamaskbot]

Builds ready [1c4f338]

• 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 (1562 ± 42 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	99	323	125	47	23
		domContentLoaded	1446	1750	1560	88	42
		load	1455	1750	1562	88	42
		domInteractive	1446	1750	1560	88	42

Bundle size diffs

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

[NidhiKJha]

Looks good, Just added a few component. Also, it would be great to have a story for this component to make it easy to review.

[metamaskbot]

Builds ready [e87c829]

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

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	104	150	117	12	6
		domContentLoaded	1412	1728	1554	94	45
		load	1412	1728	1565	92	44
		domInteractive	1412	1728	1554	94	45

Bundle size diffs

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