feat: codefence Account Watcher for flask

[k-g-j]

Description

This PR puts the Account Watcher feature under the Flask codefence, restricting it to only be included in Flask builds.

Manual testing steps

1. Build the extension in Flask mode
2. Verify the account watcher feature is present
3. Build the extension in non-Flask mode
4. Verify the account watcher feature is not present

Screenshots/Recordings

The option to "Watch Ethereum Accounts (Beta)" should NOT be present on the Main build

Screen.Recording.2024-10-01.at.5.35.18.PM.mov

The option to "Watch Ethereum Accounts (Beta)" should BE PRESENT on the Flask build

Screen.Recording.2024-10-01.at.5.38.04.PM.mov

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.

[k-g-j]

@metamaskbot update-policies

[metamaskbot]

Policy update failed. You can review the logs or retry the policy update here

[metamaskbot]

Builds ready [5a31ef6]

• 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1743 ± 46 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1539	1979	1743	95	45
		domContentLoaded	1532	1968	1722	92	44
		load	1540	1980	1743	95	46
		domInteractive	23	70	36	14	7

Bundle size diffs [🚀 Bundle size reduced!]

• background: -384 Bytes (-0.01%)
• ui: -2.37 KiB (-0.03%)
• common: -469.3 KiB (-5.81%)

[sonarcloud]

Quality Gate failed

Failed conditions
66.7% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

[metamaskbot]

Builds ready [1f2c2ee]

• 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, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1699 ± 56 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	190	1987	1633	350	168
		domContentLoaded	1478	1859	1677	106	51
		load	1486	1973	1699	116	56
		domInteractive	24	186	50	36	17

Bundle size diffs [🚀 Bundle size reduced!]

• background: -384 Bytes (-0.01%)
• ui: -2.37 KiB (-0.03%)
• common: -469.3 KiB (-5.81%)