feat: add max tooltip for staking with gas fee consideration

[amitabh94]

Description

This PR renders the max input modal component when the user clicks on the max button on the stake input screen. This is also responsible for subtracting the gas fees from the available balance before letting the user continue to the deposit flow.

This PR also makes some minor changes and refactors as described below:

• Fixes the misaligned staking navbar on Android devices.
• The claim stake button will now be disabled until the transaction-controllers has closed. This prevents users from initiating multiple claims simultaneously.

Related issues

Fixes: STAKE-847

Manual testing steps

1. Add export MM_POOLED_STAKING_UI_ENABLED=true to .js.env file.
2. Click on Earn CTA
3. Click on Max button
4. Max input bottom sheet should appear and clicking on use max will calculate the maximum amount that can be staked by subtracting gas fees.

Screenshots/Recordings

New : Max Input Modal

Max_Input_Modal.mp4

Navbar alignment Fix

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 passed on Bitrise! ✅✅✅

Commit hash: 0bbf6d4
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/89714ed1-6100-4245-80c0-83a714a8dbe9

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

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 69.65517% with 44 lines in your changes missing coverage. Please review.

Project coverage is 55.53%. Comparing base (ead35c4) to head (c886d86).
Report is 19 commits behind head on main.

Files with missing lines	Patch %	Lines
app/components/UI/Stake/hooks/useUnstakingInput.ts	76.00%	9 Missing and 3 partials ⚠️
...Balance/StakingBanners/ClaimBanner/ClaimBanner.tsx	41.17%	9 Missing and 1 partial ⚠️
app/components/UI/Stake/hooks/useStakingGasFee.ts	75.00%	5 Missing and 4 partials ⚠️
app/components/UI/Stake/hooks/useStakingInput.ts	35.71%	8 Missing and 1 partial ⚠️
...pp/components/UI/Stake/components/QuickAmounts.tsx	57.14%	2 Missing and 1 partial ⚠️
...s/UI/Stake/Views/StakeInputView/StakeInputView.tsx	50.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12025      +/-   ##
==========================================
+ Coverage   55.35%   55.53%   +0.18%     
==========================================
  Files        1767     1776       +9     
  Lines       39841    40058     +217     
  Branches     4965     4987      +22     
==========================================
+ Hits        22052    22248     +196     
- Misses      16274    16285      +11     
- Partials     1515     1525      +10     

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

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 134e0e2
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/317e0957-1917-4c6f-b803-79a58843356d

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

[Matt561]

1 minor comment but otherwise LGTM! Awesome work 🚀

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 1ce4838
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/4e1c1e89-6826-4fc4-9edc-38f223a82331

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

[sonarqubecloud]

Quality Gate passed

Issues
4 New issues
0 Accepted issues

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

See analysis details on SonarCloud

[tommasini]

LGTM