feat: add account_type/snap_id for buy/send metrics

[ccharly]

Description

Adds more context/info to the Send/Buy events for both Ethereum and Bitcoin overview screens.

Related issues

Fixes: https://github.com/MetaMask/accounts-planning/issues/636, https://github.com/MetaMask/accounts-planning/issues/637

Manual testing steps

• Cherry-pick this commit: f938d6d
  • This will allow you to use the verbose mode for the local segment server
• node development/mock-segment.js -v
• yarn start:flask
• Create a Bitcoin account (enable support from the experimental settings)
• Select a Bitcoin account
• Click on "Buy" button using your Bitcoin account
• Click on "Send" button using your Bitcoin account
• Create an Ethereum account
• Click on "Buy" button using your Bitcoin account
• Click on "Send" button using your Bitcoin account

You should see those events from the mock-segment.js server output:

...
[mock-segment]: Events received: Buy Button Clicked {
  "account_type": "bip122:p2wpkh",
  "location": "Home",
  "text": "Buy",
  "chain_id": "bip122:000000000019d6689c085ae165831e93",
  "snap_id": "npm:@metamask/bitcoin-wallet-snap",
  "category": "Navigation",
  "locale": "en",
  "environment_type": "popup"
}
...
[mock-segment]: Events received: Send Button Clicked {
  "account_type": "bip122:p2wpkh",
  "token_symbol": "BTC",
  "location": "Home",
  "text": "Send",
  "chain_id": "bip122:000000000019d6689c085ae165831e93",
  "snap_id": "npm:@metamask/bitcoin-wallet-snap",
  "category": "Navigation",
  "locale": "en",
  "environment_type": "popup"
}
...
[mock-segment]: Events received: Buy Button Clicked {
  "account_type": "eip155:eoa",
  "location": "Home",
  "text": "Buy",
  "chain_id": "0x1",
  "token_symbol": {
    "symbol": "ETH",
    "name": "Ether",
    "address": "0x0000000000000000000000000000000000000000",
    "decimals": 18,
    "iconUrl": "./images/eth_logo.svg",
    "balance": "0",
    "string": "0"
  },
  "category": "Navigation",
  "locale": "en",
  "environment_type": "popup"
}
...
[mock-segment]: Events received: Send Button Clicked {
  "account_type": "eip155:eoa",
  "token_symbol": "ETH",
  "location": "Home",
  "text": "Send",
  "chain_id": "0x1",
  "category": "Navigation",
  "locale": "en",
  "environment_type": "popup"
}
...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[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 [7453ec4]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-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, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1944 ± 59 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	220	2157	1877	400	192
		domContentLoaded	1695	2142	1906	124	60
		load	1744	2159	1944	123	59
		domInteractive	20	82	46	18	9
		backgroundConnect	10	85	36	20	10
		firstReactRender	53	205	103	33	16
		getState	5	65	26	24	11
		initialActions	0	1	0	0	0
		loadScripts	1220	1605	1414	112	54
		setupStore	11	93	33	26	12
		uiStartup	1901	2424	2174	156	75

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 725 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [0e7dae1]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-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, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1750 ± 78 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1519	2129	1751	159	77
		domContentLoaded	1487	1999	1711	138	66
		load	1496	2135	1750	161	78
		domInteractive	15	92	47	20	9
		backgroundConnect	8	135	37	31	15
		firstReactRender	45	288	93	50	24
		getState	4	58	16	15	7
		initialActions	0	1	0	0	0
		loadScripts	1051	1512	1261	124	60
		setupStore	5	56	14	16	8
		uiStartup	1662	2624	1966	230	110

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 475 Bytes (0.01%)
• common: 0 Bytes (0.00%)

[metamaskbot]

Builds ready [d890d17]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-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, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1850 ± 62 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	277	2083	1702	470	226
		domContentLoaded	1643	2062	1824	125	60
		load	1648	2078	1850	129	62
		domInteractive	15	133	55	28	14
		backgroundConnect	8	111	25	23	11
		firstReactRender	55	119	99	15	7
		getState	5	58	18	20	9
		initialActions	0	1	0	0	0
		loadScripts	1168	1577	1350	114	55
		setupStore	5	60	15	17	8
		uiStartup	1867	2381	2064	149	72

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 475 Bytes (0.01%)
• common: 0 Bytes (0.00%)