feat(tron): new staking UI elements

[ulissesferreira]

Description

There are 3 new special assets being sent by the Tron snap that unlock UI improvements related to the staking experience:

• TRX in lock_period, it's there during the withdrawal period (14 days)
• TRX that has passed the lock_period and is ready to be fully withdrawn
• TRX generated from staking rewards

In this PR we introduce UI elements to display these 3 special assets providing users a more complete overview of their staking + unstaing flow. We also allow users to call 2 new actions that are urgently missing:

1. Claim TRX that is ready to be withdrawn
2. Claim TRX rewards from staking

Changelog

CHANGELOG entry: Add UI elements to see and interact with: TRX being unlocked from staking, unstaked TRX that is ready to be withdrawn, TRX staking rewards

Related issues

Fixes:

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

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.

[codecov-commenter]

Codecov Report

❌ Patch coverage is 9.75610% with 37 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (cursor/tron-additional-assets-34a0@893e98a). Learn more about missing BASE report.

Files with missing lines	Patch %	Lines
app/components/UI/Earn/hooks/useTronClaim.ts	6.25%	15 Missing ⚠️
...I/TokenDetails/components/AssetOverviewContent.tsx	0.00%	6 Missing ⚠️
...omponents/UI/TokenDetails/hooks/useTokenBalance.ts	0.00%	6 Missing ⚠️
...s/UI/AssetOverview/utils/createTronDerivedAsset.ts	16.66%	5 Missing ⚠️
...omponents/Tron/TronClaimBanner/TronClaimBanner.tsx	33.33%	2 Missing ⚠️
app/components/UI/Earn/utils/tron-staking-snap.ts	0.00%	2 Missing ⚠️
...s/Tron/TronUnstakingBanner/TronUnstakingBanner.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@                          Coverage Diff                          @@
##             cursor/tron-additional-assets-34a0   #26917   +/-   ##
=====================================================================
  Coverage                                      ?   40.14%           
=====================================================================
  Files                                         ?     4623           
  Lines                                         ?   121183           
  Branches                                      ?    26444           
=====================================================================
  Hits                                          ?    48650           
  Misses                                        ?    67990           
  Partials                                      ?     4543           

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[github-actions]

🔍 Smart E2E Test Selection

⏭️ Smart E2E selection skipped - base branch is not main (base: cursor/tron-additional-assets-34a0)

All E2E tests pre-selected.

View GitHub Actions results

[github-actions]

⚠️ E2E Fixture Validation — Structural changes detected

Category	Count
New keys	60
Missing keys	0
Type mismatches	0
Value mismatches	7 (informational)

The committed fixture schema is out of date. To update, comment:

@metamaskbot update-mobile-fixture

View full details | Download diff report

[sonarqubecloud]

Quality Gate failed

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

See analysis details on SonarQube Cloud

[ulissesferreira]

Closing this PR in favor of 3 smaller ones: #27074, #27075, #27076