chore: Convert browser tab to typescript

[tommasini]

Description

Refactor of browser tab to typescript

Screen.Recording.2024-12-18.at.22.54.20.mov

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile 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.

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: f0c5d88
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/ceff49dc-61ee-4d5b-8b25-0fc07a21ff21

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: e150c07
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/07b53de9-226e-462d-9044-fb8f9aab13c9

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 29.41176% with 144 lines in your changes missing coverage. Please review.

Project coverage is 59.12%. Comparing base (9d6908b) to head (f9dee5a).
Report is 6 commits behind head on main.

Files with missing lines	Patch %	Lines
app/components/Views/BrowserTab/BrowserTab.tsx	37.41%	87 Missing and 5 partials ⚠️
app/components/Views/BrowserTab/index.tsx	0.00%	35 Missing ⚠️
app/components/Views/BrowserTab/utils.ts	0.00%	12 Missing ⚠️
app/components/Views/BrowserTab/styles.ts	28.57%	0 Missing and 5 partials ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12740      +/-   ##
==========================================
+ Coverage   58.85%   59.12%   +0.27%     
==========================================
  Files        1851     1854       +3     
  Lines       41739    41819      +80     
  Branches     5397     5519     +122     
==========================================
+ Hits        24566    24726     +160     
+ Misses      15502    15401     -101     
- Partials     1671     1692      +21     

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

[sonarqubecloud]

Quality Gate failed

Failed conditions
C Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE