[Backport 2.x] [Page Header] Add responsiveness for page header

[opensearch-trigger-bot]

Backport 636f399 from #8171.

[github-actions]

❌ Invalid Changelog Heading

The '## Changelog' heading in your PR description is either missing or malformed. Please make sure that your PR description includes a '## Changelog' heading with proper spelling, capitalization, spacing, and Markdown syntax.

[codecov]

Codecov Report

Attention: Patch coverage is 79.41176% with 14 lines in your changes missing coverage. Please review.

Project coverage is 64.14%. Comparing base (95d93ff) to head (f15b501).
Report is 2 commits behind head on 2.x.

Files with missing lines	Patch %	Lines
src/core/public/chrome/ui/header/header.tsx	79.41%	0 Missing and 14 partials ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##              2.x    #8230   +/-   ##
=======================================
  Coverage   64.13%   64.14%           
=======================================
  Files        3740     3740           
  Lines       88620    88668   +48     
  Branches    13790    13803   +13     
=======================================
+ Hits        56838    56873   +35     
+ Misses      31185    31184    -1     
- Partials      597      611   +14     

Flag	Coverage Δ
Linux_1	30.05% <1.47%> (-0.03%)	⬇️
Linux_2	58.97% <79.41%> (+0.02%)	⬆️
Linux_3	40.38% <1.47%> (?)
Linux_4	31.55% <1.47%> (-0.03%)	⬇️
Windows_1	30.06% <1.47%> (-0.03%)	⬇️
Windows_2	58.92% <79.41%> (+0.02%)	⬆️
Windows_3	40.38% <1.47%> (-0.04%)	⬇️
Windows_4	31.55% <1.47%> (-0.03%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.