feat: Adding delete metametrics data to security and privacy tab

[NiranjanaBinoy]

This PR is dependant on #24503

Description

• Added a new functional component as an entry to the Security & Privacy tab with the Delete MetaMetrics Data button.
• A new Delete MetaMetrics Data model will open when you click the button.
• Clicking the Clear button in the modal will create a data deletion regulation, update the state, and close the modal, deactivating the Delete MetaMetrics Data button.
• The Erroring on the Clear button click opens a new error modal.

Scenarios to disable the DeleteMetaMetrics button:

1. Metametrics ID not created / not available
2. Just performed a deletion independent on participate in metametrics toggle
3. Participate in metric opt-out & no data is recorded after deletion.
4. Status of current delete regulation as INITIALIZED, RUNNING, or FINISHED and (Participate in metric opt-out/no data recorded after deletion)

Related issues

Fixes #24406, #24407, https://github.com/MetaMask/MetaMask-planning/issues/2523

Manual testing steps

Perquisite:
Provide the following details in the .metamaskrc file:

ANALYTICS_DATA_DELETION_SOURCE_ID="wygFTooEUUtcckty9kaMc"
ANALYTICS_DATA_DELETION_ENDPOINT="https://proxy.dev-api.cx.metamask.io/segment/v1"

1. Make a build(yarn, yarn dist) against the code.
2. Load the extension in any browser.
3. Navigate to the "Security & privacy" in the Settings
4. Click on the "Delete MetaMetrics data" button which enables when the "Participate in MetaMetrics" is selected.
5. Validate the post request is made in the service worker with the id - wygFTooEUUtcckty9kaMc.

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask 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.

[codecov]

Codecov Report

Attention: Patch coverage is 68.23529% with 27 lines in your changes missing coverage. Please review.

Project coverage is 70.19%. Comparing base (ba04af8) to head (cfd4a7c).

Files with missing lines	Patch %	Lines
ui/ducks/app/app.ts	12.50%	14 Missing ⚠️
.../clear-metametrics-data/clear-metametrics-data.tsx	53.85%	6 Missing ⚠️
...deletion-error-modal/data-deletion-error-modal.tsx	66.67%	2 Missing ⚠️
ui/helpers/constants/settings.js	33.33%	2 Missing ⚠️
...es/settings/security-tab/security-tab.container.js	0.00%	2 Missing ⚠️
...es/settings/security-tab/security-tab.component.js	66.67%	1 Missing ⚠️

Additional details and impacted files

@@                          Coverage Diff                           @@
##           delete-metametrics-data-controller   #24571      +/-   ##
======================================================================
- Coverage                               70.19%   70.19%   -0.00%     
======================================================================
  Files                                    1427     1430       +3     
  Lines                                   49745    49829      +84     
  Branches                                13921    13936      +15     
======================================================================
+ Hits                                    34916    34974      +58     
- Misses                                  14829    14855      +26     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[metamaskbot]

Builds ready [39130bb]

• 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
  • common: 0, 1, 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 (158 ± 192 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	59	134	93	23	11
		domContentLoaded	9	60	26	18	9
		load	40	1894	158	399	192
		domInteractive	9	60	26	18	9

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 7.5 KiB (0.22%)
• ui: 12.75 KiB (0.18%)
• common: 3.66 KiB (0.06%)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
85.2% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[metamaskbot]

Builds ready [8013ee7]

• 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 (1923 ± 110 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	303	2675	1846	421	202
		domContentLoaded	1632	2664	1897	226	109
		load	1635	2674	1923	230	110
		domInteractive	18	251	55	54	26

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 0 Bytes (0.00%)
• ui: 12.65 KiB (0.17%)
• common: 3 KiB (0.04%)