Description

1. Decouple Perps Home sorting from Market List sorting

The Perps Home sections (Crypto, Stocks, Commodities, Forex) were reading the same sort preference that the Market List search writes to. This meant that when a user changed the sort in the market search (e.g., to "Funding Rate"), the home screen sections would also re-sort — which isn't the intended behavior. Home sections should always surface the highest-volume markets regardless of what the user does in search.

The fix removes the dependency on selectPerpsMarketFilterPreferences in usePerpsHomeData and hardcodes the home sort to Volume descending. The Market List continues to use and persist its own sort preference independently.

2. Remove skeleton loader blink on leverage bottom sheet

When adjusting leverage via the slider or preset buttons, the liquidation banner and liquidation price would rapidly toggle between a skeleton placeholder and the actual value. This created a jarring "blink" effect — especially during slider drags, where every tick triggered the skeleton. The current price row right below it just updates its value in place with no loading state, making the inconsistency more noticeable.

The fix caches the last valid liquidation price and percentage in refs, so the UI always shows either the latest calculated value or the previously known one. On first open (before any calculation has completed), it shows -- as a placeholder instead of a skeleton shimmer. The banner colors (safe/caution/medium/high) are unaffected because they're driven by the leverage slider position, not the liquidation price calculation.

Changelog

CHANGELOG entry: Fixed a flickering skeleton loader on the leverage bottom sheet when adjusting leverage, and decoupled Perps Home sorting from the market search sort preference so home sections always sort by volume.

Related issues

Fixes: TAT-2544
Fixes: TAT-2454

Manual testing steps

Feature: Perps Home sections sort independently from Market List

  Scenario: Home sections always sort by volume
    Given user is on the Perps Home screen

    When user opens the Market List and changes sort to "Funding Rate"
    And user navigates back to Perps Home
    Then all home sections (Crypto, Stocks, Commodities, Forex) remain sorted by descending volume

Feature: Leverage bottom sheet liquidation display

  Scenario: No skeleton blink when dragging leverage slider
    Given user opens the leverage bottom sheet on any market

    When user drags the leverage slider back and forth
    Then the liquidation banner text and price update in place without skeleton flashing
    And the banner color transitions smoothly based on leverage risk level

  Scenario: No skeleton blink when tapping preset buttons
    Given user opens the leverage bottom sheet

    When user taps different preset leverage buttons (2x, 5x, 10x, etc.)
    Then the liquidation values tick to the new values without a skeleton placeholder appearing

  Scenario: Initial open shows placeholder
    Given user opens the leverage bottom sheet for the first time

    When the liquidation price has not yet been calculated
    Then the liquidation price and percentage show "--" until the first value arrives

Screenshots/Recordings

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.