refactor: replace Typography with Text component in restore-vault.js

[devin-ai-integration]

Description

This pull request includes the migration of the Typography component to the Text component in the restore-vault.js file within the MetaMask extension repository. The changes involve replacing all instances of the Typography component with the equivalent Text component and ensuring that the component APIs are properly migrated. The motivation for this change is to align with the updated design system and improve the consistency of the codebase.

Devin Run Link: https://preview.devin.ai/devin/aeebb66ed7a14386ae48164acd4b2e72

Related issues

Partially Fixes: #17670

Manual testing steps

1. Go to the latest build of storybook in this PR
2. Verify that the "RestoreVaultPage" renders correctly with the Text component
3. Ensure that the text content and styling 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.

This Devin run was requested by Devin.

[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.

[sonarcloud]

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

[metamaskbot]

Builds ready [7414ac6]

• 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, 10, 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 (263 ± 285 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	66	477	121	84	40
		domContentLoaded	9	85	36	20	10
		load	40	2471	263	593	285
		domInteractive	9	85	36	20	10

Bundle size diffs

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

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 69.93%. Comparing base (182f609) to head (7414ac6).
Report is 15 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop   #25636   +/-   ##
========================================
  Coverage    69.93%   69.93%           
========================================
  Files         1409     1409           
  Lines        49786    49786           
  Branches     13769    13769           
========================================
  Hits         34817    34817           
  Misses       14969    14969           

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

[georgewrmarshall]

LGTM

• checked storybook ✅