draft: Added Titles, Headers, and TextFieldSearch

[brianacnguyen]

Description

Related issues

Fixes:

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs
• 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

Medium Risk
Adds several new exported UI components and shared types, which may affect consumers via new public API surface and visual/interaction behavior (notably header button ordering and animated header behavior). Changes are otherwise additive with good test coverage, so regression risk is moderate.

Overview
Introduces new React Native design-system primitives for common navigation/title patterns: HeaderRoot, HeaderStandard, HeaderStandardAnimated (with useHeaderStandardAnimated), HeaderSearch, TextFieldSearch, TitleStandard, and TitleSubpage.

These components add standardized layouts for titles/subtitles, optional accessories and icon actions (including reversed ordering for multiple end buttons), a search field with built-in search icon + conditional clear button, and a scroll-driven compact-title animation.

Exports are wired into components/index.ts, shared prop types are added to design-system-shared, and Storybook is updated to include the new stories; comprehensive unit tests and README docs are added for each new component.

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

[github-actions]

📖 Storybook Preview

• View PR Storybook

[github-actions]

📖 Storybook Preview

• View PR Storybook