fix: cp-7.59.0 remove hip-3 stocks list all filter

[nickewansmith]

Description

feat: Remove stocks/commodities dropdown and fix FlashList gaps

Changes:

• Remove conditional stocks/commodities dropdown in market list view

  • Set showStocksCommoditiesDropdown to false (always hidden)
  • Add tests to verify dropdown is not shown regardless of market type filter

• Fix FlashList layout gaps in market lists

  • Add drawDistance={200} and removeClippedSubviews props to PerpsMarketList
  • Create marketListConfig.ts for FlashList configuration constants
  • Prevents blank space gaps when searching or scrolling

• Fix pre-existing test failure

  • Refactor "handles search with whitespace" test to use proper mocking
  • Rename to "filters markets with whitespace-only query" for clarity

Changelog

CHANGELOG entry: null

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/TAT-2041
Fixes: #22440

Manual testing steps

feat: Remove stocks/commodities dropdown and fix FlashList gaps

Feature: Market List View Filtering
  Scenario: Hide secondary dropdown in stocks tab
    Given the market list view is displayed
    When the user is on any market type tab
    Then the stocks/commodities dropdown should not be visible
    And the filter bar should only show the sort dropdown

Feature: FlashList Rendering
  Scenario: Prevent layout gaps in market list
    Given the market list uses FlashList for rendering
    When markets are displayed in search or tab views
    Then there should be no blank space gaps
    And items should render 200px ahead of viewport
    And clipped subviews should be removed for optimal layout

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.

---

Note

Hides the stocks/commodities dropdown in the market list and configures FlashList (drawDistance, removeClippedSubviews) via new constants to prevent layout gaps, with tests updated accordingly.

• UI:
  • Force-hide stocks/commodities dropdown by setting showStocksCommoditiesDropdown={false} in PerpsMarketListView.
• Performance/Rendering:
  • Add drawDistance={200} and removeClippedSubviews to PerpsMarketList’s FlashList.
  • Centralize list config in constants/marketListConfig.ts (PERPS_MARKET_LIST_CONSTANTS).
• Tests:
  • Add assertions that stocks/commodities dropdown is not rendered (regardless of market filter).
  • Refactor whitespace-only search test using hook-based mocking and rename for clarity.

^{Written by Cursor Bugbot for commit 0eccafa. This will update automatically on new commits. Configure here.}

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

[metamaskbot]

Missing release label release-7.59.0 on PR. Adding release label release-7.59.0 on PR and removing other release labels(release-7.60.0), as PR was cherry-picked in branch 7.59.0.