fix(perps): missing max leverage badge in screen header (MetaMask#24133)

## **Description**

Fixes missing max leverage badge in the asset screen header when
navigating from Recent Activity → Trade Details → "Trade again" button.

**Root cause:** `PerpsPositionTransactionView` was creating a minimal
market object with only `symbol` and `name` fields, missing
`maxLeverage` and other required properties.

**Solution:** Use `usePerpsMarkets` hook to get the complete market data
(same pattern as `PerpsCard`). This hook:
- Uses shared cached market data (no duplicate network requests)
- Provides immediate data if already cached
- Follows established patterns in the codebase

## **Changelog**

CHANGELOG entry: null

## **Related issues**

Fixes: https://consensyssoftware.atlassian.net/browse/TAT-2187

## **Manual testing steps**

```gherkin
Feature: Max leverage badge in asset screen header

  Scenario: User navigates from Recent Activity to asset details
    Given user has recent trading activity
    And user is on Perps home screen

    When user taps on a recent activity item
    Then user sees trade details screen

    When user taps "Trade again" button
    Then user sees asset details screen
    And max leverage badge is visible in header (e.g., "25x" for ETH)
```

## **Screenshots/Recordings**

### **Before**

Max leverage badge missing in header when navigating from Recent
Activity


https://github.com/user-attachments/assets/41ddb087-9c41-419d-ade9-29d0c47b091d


### **After**

Max leverage badge visible in header (e.g., "25x" for ETH)


https://github.com/user-attachments/assets/e1aa5432-abb4-4ae9-9404-9c7290bb40a1


## **Pre-merge author checklist**

- [x] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding
Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [x] I've completed the PR template to the best of my ability
- [x] I've included tests if applicable
- [x] I've documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] I've applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
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.


<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Ensures the market header shows correct max leverage by enriching
minimal route market data via `usePerpsMarkets` and hiding the badge
when unavailable, with accompanying tests.
> 
> - **Perps Market Details**:
> - Enriches route `market` using `usePerpsMarkets` when `maxLeverage`
is missing; skips fetch if not needed.
> - Uses enriched/route `market` across the view; updates navbar setup
accordingly.
> - **Header**:
>   - Renders `PerpsLeverage` only when `market.maxLeverage` exists.
> - **Transactions**:
> - `PerpsPositionTransactionView` navigates with minimal `{ symbol,
name }`; relies on details view enrichment.
> - **Tests**:
> - Add market data enrichment tests in
`PerpsMarketDetailsView.test.tsx` (full, minimal, and missing enrichment
cases).
> - Update transaction view test to assert navigation with minimal
market data.
>   - Add header test for rendering without `maxLeverage`.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
9ed6c86. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: abretonc7s

app/components/UI/Perps/Views/PerpsMarketDetailsView/PerpsMarketDetailsView.test.tsx

@@ -269,6 +269,23 @@ jest.mock('../../hooks/usePerpsOrderFills', () => ({
   usePerpsOrderFills: () => mockUsePerpsOrderFillsImpl(),
 }));
 
+// Mock for usePerpsMarkets that can be modified per test
+const mockUsePerpsMarketsImpl = jest.fn<
+  ReturnType<typeof import('../../hooks/usePerpsMarkets').usePerpsMarkets>,
+  []
+>(() => ({
+  markets: [],
+  isLoading: false,
+  error: null,
+  refresh: jest.fn(),
+  isRefreshing: false,
+}));
+
+// Mock the direct import path for usePerpsMarkets
+jest.mock('../../hooks/usePerpsMarkets', () => ({
+  usePerpsMarkets: () => mockUsePerpsMarketsImpl(),
+}));
+
 const mockRefreshMarketStats = jest.fn();
 jest.mock('../../hooks/usePerpsMarketStats', () => ({
   usePerpsMarketStats: () => ({
@@ -356,13 +373,7 @@ jest.mock('../../hooks', () => ({
     closePosition: jest.fn(),
     isClosing: false,
   })),
-  usePerpsMarkets: jest.fn(() => ({
-    markets: [],
-    isLoading: false,
-    error: null,
-    refresh: jest.fn(),
-    isRefreshing: false,
-  })),
+  usePerpsMarkets: () => mockUsePerpsMarketsImpl(),
   usePerpsTrading: jest.fn(() => ({
     placeOrder: jest.fn(),
     cancelOrder: jest.fn(),
@@ -2187,4 +2198,132 @@ describe('PerpsMarketDetailsView', () => {
       expect(chart).toBeTruthy();
     });
   });
+
+  describe('Market data enrichment', () => {
+    beforeEach(() => {
+      // Reset to default market with maxLeverage
+      mockRouteParams.market = {
+        symbol: 'BTC',
+        name: 'Bitcoin',
+        price: '$45,000.00',
+        change24h: '+$1,125.00',
+        change24hPercent: '+2.50%',
+        volume: '$1.23B',
+        maxLeverage: '40x',
+      };
+    });
+
+    it('uses route market data when maxLeverage is present (no enrichment needed)', () => {
+      // Route has complete market data including maxLeverage
+      mockRouteParams.market = {
+        symbol: 'ETH',
+        name: 'Ethereum',
+        price: '$3,000.00',
+        change24h: '+$50.00',
+        change24hPercent: '+1.50%',
+        volume: '$500M',
+        maxLeverage: '25x',
+      };
+
+      // Mock usePerpsMarkets to return empty (should not be used)
+      mockUsePerpsMarketsImpl.mockReturnValue({
+        markets: [],
+        isLoading: false,
+        error: null,
+        refresh: jest.fn(),
+        isRefreshing: false,
+      });
+
+      const { getByText } = renderWithProvider(
+        <PerpsConnectionProvider>
+          <PerpsMarketDetailsView />
+        </PerpsConnectionProvider>,
+        {
+          state: initialState,
+        },
+      );
+
+      // Should show the route market's leverage badge
+      expect(getByText('25x')).toBeTruthy();
+      expect(getByText('ETH-USD')).toBeTruthy();
+    });
+
+    it('enriches market data from usePerpsMarkets when route has minimal data', async () => {
+      // Route has minimal market data (no maxLeverage)
+      mockRouteParams.market = {
+        symbol: 'BTC',
+        name: 'Bitcoin',
+      } as typeof mockRouteParams.market;
+
+      // Mock usePerpsMarkets to return full market with maxLeverage
+      mockUsePerpsMarketsImpl.mockImplementation(() => ({
+        markets: [
+          {
+            symbol: 'BTC',
+            name: 'Bitcoin',
+            price: '$45,000.00',
+            change24h: '+$1,125.00',
+            change24hPercent: '+2.50%',
+            volume: '$1.23B',
+            maxLeverage: '40x',
+            volumeNumber: 1230000000,
+          },
+        ],
+        isLoading: false,
+        error: null,
+        refresh: jest.fn(),
+        isRefreshing: false,
+      }));
+
+      const { getByText, getByTestId } = renderWithProvider(
+        <PerpsConnectionProvider>
+          <PerpsMarketDetailsView />
+        </PerpsConnectionProvider>,
+        {
+          state: initialState,
+        },
+      );
+
+      // Verify the header renders with correct market symbol
+      expect(getByTestId('perps-market-header')).toBeTruthy();
+      expect(getByText('BTC-USD')).toBeTruthy();
+
+      // Should show the enriched market's leverage badge from usePerpsMarkets
+      await waitFor(() => {
+        expect(getByText('40x')).toBeTruthy();
+      });
+    });
+
+    it('gracefully handles when enrichment data is not available', () => {
+      // Route has minimal market data (no maxLeverage)
+      mockRouteParams.market = {
+        symbol: 'UNKNOWN',
+        name: 'Unknown Asset',
+      } as typeof mockRouteParams.market;
+
+      // Mock usePerpsMarkets to return empty (market not found)
+      mockUsePerpsMarketsImpl.mockReturnValue({
+        markets: [],
+        isLoading: false,
+        error: null,
+        refresh: jest.fn(),
+        isRefreshing: false,
+      });
+
+      const { getByText, queryByText } = renderWithProvider(
+        <PerpsConnectionProvider>
+          <PerpsMarketDetailsView />
+        </PerpsConnectionProvider>,
+        {
+          state: initialState,
+        },
+      );
+
+      // Should show the asset name but no leverage badge (since no maxLeverage available)
+      expect(getByText('UNKNOWN-USD')).toBeTruthy();
+      // No leverage badge should be shown
+      expect(queryByText('40x')).toBeNull();
+      expect(queryByText('25x')).toBeNull();
+    });
+  });
 });