Description

This PR renames HeaderCompactSearch to HeaderSearch in app/component-library/components-temp/.

Reason for change: Simplifying the component name; "HeaderSearch" better reflects its purpose (a header with an integrated search field) without the "Compact" qualifier.

What changed:

1. Component rename

   • Created app/component-library/components-temp/HeaderSearch/ with:
     • HeaderSearch.tsx – main component (screen and inline variants unchanged)
     • HeaderSearch.types.ts – HeaderSearchVariant, HeaderSearchProps, HeaderSearchScreenProps, HeaderSearchInlineProps
     • HeaderSearch.test.tsx – tests updated for new name and testIDs (header-search, header-search-inline)
     • HeaderSearch.stories.tsx – Storybook entry "Components Temp / HeaderSearch"
     • index.ts – exports default and types
   • Renamed types: HeaderCompactSearch* → HeaderSearch* (e.g. HeaderSearchVariant, HeaderSearchProps).

2. Removed HeaderCompactSearch

   • Deleted app/component-library/components-temp/HeaderCompactSearch/ (index, types, component, stories, test).
   • Updated .storybook/storybook.requires.js to require HeaderSearch.stories.tsx instead of HeaderCompactSearch.stories.tsx.

No other app code used HeaderCompactSearch; the rename is limited to the component folder and Storybook.

Changelog

This PR is not end-user-facing; it renames an internal header component.

CHANGELOG entry: null

Related issues

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

Manual testing steps

Feature: HeaderCompactSearch renamed to HeaderSearch

  Scenario: Lint and type check pass
    Given the branch is checked out
    When the author runs yarn lint and yarn lint:tsc
    Then both complete without errors

  Scenario: No references to HeaderCompactSearch
    Given the codebase is searched for HeaderCompactSearch
    Then no imports or usages remain

  Scenario: HeaderSearch unit tests pass
    Given the branch is checked out
    When the author runs yarn jest app/component-library/components-temp/HeaderSearch/HeaderSearch.test.tsx
    Then all tests pass

  Scenario: HeaderSearch story renders
    Given Storybook is running
    When the user opens "Components Temp / HeaderSearch"
    Then Screen and Inline stories render as before

Screenshots/Recordings

Before

N/A – component behavior unchanged; only name and file paths changed.

After

N/A – same header-with-search appearance; component is now HeaderSearch.

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.