refactor: replace Typography with Text component in metametrics.js

[devin-ai-integration]

Description

Migrated the Typography component to the Text component in the metametrics.js file. This change is part of the ongoing effort to update the codebase to use the new Text component for better consistency and maintainability.

Devin Run Link: https://staging.itsdev.in/devin/ab3388199a904772b66d750b70b340af

Related issues

Partially Fixes: #17670

Manual testing steps

1. Go to the latest build of storybook in this PR
2. Verify that the OnboardingMetametrics component renders correctly
3. Ensure that the text styles and alignments are consistent with the design specifications

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.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarCloud

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.60%. Comparing base (548b54a) to head (8ea961a).
Report is 73 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop   #25630   +/-   ##
========================================
  Coverage    69.60%   69.60%           
========================================
  Files         1364     1364           
  Lines        48173    48173           
  Branches     13291    13291           
========================================
  Hits         33527    33527           
  Misses       14646    14646           

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

[metamaskbot]

Builds ready [8ea961a]

• 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 (68 ± 14 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	59	281	100	45	22
		domContentLoaded	9	80	28	17	8
		load	39	182	68	29	14
		domInteractive	9	80	28	17	8

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: -192 Bytes (-0.00%)
• common: 0 Bytes (0.00%)

[georgewrmarshall]

LGTM 🚀

• Checked OnboardingMetametrics storybook ✅

[greptile-apps]

PR Summary

Refactored metametrics.js to replace the Typography component with the Text component for improved consistency and maintainability.

• Updated /ui/pages/onboarding-flow/metametrics/metametrics.js to replace all instances of Typography with Text.
• Adjusted import statements to include Text from ../../../components/component-library.
• Ensured correct usage of Text component props for alignment, font weight, and text variants.
• Verified no visual regressions through before and after screenshots.
• Thorough testing recommended to confirm no functionality or appearance changes.

_{1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings}

[garrettbear]

LGTM! Nice