refactor(predict): use MMDS HeaderStandard (#29704)

## **Description**

This PR replaces the temporary `HeaderCompactStandard` component with
`HeaderStandard` from `@metamask/design-system-react-native` on Predict
screens and sheets.

**Reason:** Align Predict UI with the MetaMask design system and rely
less on `component-library/components-temp` for standard headers.

**What changed:**  
- **Predict feed:** Main Predict feed header now uses `HeaderStandard`
with `includesTopInset`, back handling, and the existing title string.
Unused design-system imports (`Icon`, `IconColor`, `IconSize`) were
removed from this file after the swap.
- **Activity detail:** Activity detail screen header uses
`HeaderStandard` with the same title fallback logic
(`activityDetails?.headerTitle` vs. the default activity-details
string).
- **Unavailable bottom sheet:** The “Predict unavailable” sheet header
uses `HeaderStandard` with `testID`, title, and close behavior
unchanged.

Behavior is intended to match the previous headers (navigation, titles,
safe area).

## **Changelog**

CHANGELOG entry: null 

## **Related issues**

Fixes: https://consensyssoftware.atlassian.net/browse/DSYS-701

## **Manual testing steps**

```gherkin
Feature: Predict headers use design system HeaderStandard

  Scenario: Predict feed header
    Given the user opens Predict from the wallet (Predict feed)
    When they view the header title and tap back
    Then navigation matches prior behavior and the title shows the expected Predict label

  Scenario: Activity detail header
    Given the user opens a Predict activity from history or the feed
    When they view activity details
    Then the header title reflects activity-specific copy when present or the default activity-details string
    When they use the back control
    Then they return to the previous screen as before

  Scenario: Predict unavailable sheet
    Given Predict is unavailable and the bottom sheet is shown
    When the user views the header and closes the sheet
    Then the sheet dismisses as before
```

## **Screenshots/Recordings**

### **Before**


### **After**


## **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.

#### Performance checks (if applicable)

- [ ] I've tested on Android
  - Ideally on a mid-range device; emulator is acceptable
- [ ] I've tested with a power user scenario
- Use these [power-user
SRPs](https://consensyssoftware.atlassian.net/wiki/spaces/TL1/pages/edit-v2/401401446401?draftShareId=9d77e1e1-4bdc-4be1-9ebb-ccd916988d93)
to import wallets with many accounts and tokens
- [ ] I've instrumented key operations with Sentry traces for production
performance metrics
- See [`trace()`](/app/util/trace.ts) for usage and
[`addToken`](/app/components/Views/AddAsset/components/AddCustomToken/AddCustomToken.tsx#L274)
for an example

For performance guidelines and tooling, see the [Performance
Guide](https://consensyssoftware.atlassian.net/wiki/spaces/TL1/pages/400085549067/Performance+Guide+for+Engineers).

## **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]
> **Low Risk**
> Low risk UI refactor that swaps a temporary header component for the
design-system `HeaderStandard`; primary risk is minor layout/safe-area
or button behavior differences across screens/sheets.
> 
> **Overview**
> Updates Predict UI to use the design-system `HeaderStandard` in place
of the temporary `HeaderCompactStandard` on the feed screen, activity
detail screen, and the “Predict unavailable” bottom sheet.
> 
> Keeps existing titles and back/close wiring (including testIDs and
`includesTopInset`) while removing now-unused icon-related imports in
`PredictFeed`.
> 
> <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit
391f93a. Bugbot is set up for automated
code reviews on this repo. Configure
[here](https://www.cursor.com/dashboard/bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: brianacnguyen

app/components/UI/Predict/components/PredictActivityDetail/PredictActivityDetail.tsx

@@ -27,9 +27,9 @@ import {
   BoxFlexDirection,
   BoxAlignItems,
   BoxJustifyContent,
+  HeaderStandard,
 } from '@metamask/design-system-react-native';
 import { useTailwind } from '@metamask/design-system-twrnc-preset';
-import HeaderCompactStandard from '../../../../../component-library/components-temp/HeaderCompactStandard';
 import UsdcIcon from './usdc.svg';
 import { PredictActivityDetailsSelectorsIDs } from '../../Predict.testIds';
 interface PredictActivityDetailProps {}
@@ -413,7 +413,7 @@ const PredictActivityDetails: React.FC<PredictActivityDetailProps> = () => {
       testID={PredictActivityDetailsSelectorsIDs.CONTAINER}
     >
       <Box twClassName="flex-1">
-        <HeaderCompactStandard
+        <HeaderStandard
           title={
             activityDetails?.headerTitle ??
             strings('predict.transactions.activity_details')

app/components/UI/Predict/components/PredictUnavailable/PredictUnavailable.tsx

@@ -12,6 +12,7 @@ import {
   TextVariant,
   BoxAlignItems,
   BoxJustifyContent,
+  HeaderStandard,
 } from '@metamask/design-system-react-native';
 import { useTailwind } from '@metamask/design-system-twrnc-preset';
 import { InteractionManager, TouchableOpacity } from 'react-native';
@@ -22,7 +23,6 @@ import { strings } from '../../../../../../locales/i18n';
 import BottomSheet from '../../../../../component-library/components/BottomSheets/BottomSheet/BottomSheet';
 import { BottomSheetRef } from '../../../../../component-library/components/BottomSheets/BottomSheet/BottomSheet.types';
 import BottomSheetFooter from '../../../../../component-library/components/BottomSheets/BottomSheetFooter/BottomSheetFooter';
-import HeaderCompactStandard from '../../../../../component-library/components-temp/HeaderCompactStandard';
 import { ButtonVariants } from '../../../../../component-library/components/Buttons/Button/Button.types';
 import { PREDICT_UNAVAILABLE_TEST_IDS } from './PredictUnavailable.testIds';
 
@@ -116,7 +116,7 @@ const PredictUnavailable = forwardRef<
       isInteractable
       onClose={handleSheetClosed}
     >
-      <HeaderCompactStandard
+      <HeaderStandard
         testID="header"
         title={strings('predict.unavailable.title')}
         onClose={handleClose}

app/components/UI/Predict/views/PredictFeed/PredictFeed.tsx

@@ -20,10 +20,8 @@ import {
 import { useTailwind } from '@metamask/design-system-twrnc-preset';
 import {
   Box,
-  Icon,
-  IconColor,
+  HeaderStandard,
   IconName,
-  IconSize,
   Text,
   TextColor,
   TextVariant,
@@ -84,7 +82,6 @@ import {
   TabItem,
   TabsBar,
 } from '../../../../../component-library/components-temp/Tabs';
-import HeaderCompactStandard from '../../../../../component-library/components-temp/HeaderCompactStandard';
 import HeaderSearch, {
   HeaderSearchVariant,
 } from '../../../../../component-library/components-temp/HeaderSearch';
@@ -726,7 +723,7 @@ const PredictFeed: React.FC<PredictFeedProps> = ({
               backgroundColor: colors.background.default,
             })}
           >
-            <HeaderCompactStandard
+            <HeaderStandard
               includesTopInset
               title={strings('wallet.predict')}
               onBack={handleBackPress}