[Backport 2.17] [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 63.94%. Comparing base (10bb541) to head (b8e2da5).
Report is 13 commits behind head on 2.17.

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.17    #8231   +/-   ##
=======================================
  Coverage   63.93%   63.94%           
=======================================
  Files        3737     3737           
  Lines       88749    88797   +48     
  Branches    13802    13815   +13     
=======================================
+ Hits        56745    56780   +35     
+ Misses      31406    31405    -1     
- Partials      598      612   +14     

Flag	Coverage Δ
Linux_1	29.94% <1.47%> (-0.02%)	⬇️
Linux_2	58.97% <79.41%> (+0.02%)	⬆️
Linux_3	40.24% <1.47%> (?)
Linux_4	31.29% <1.47%> (-0.03%)	⬇️
Windows_1	29.95% <1.47%> (-0.02%)	⬇️
Windows_2	58.92% <79.41%> (+0.02%)	⬆️
Windows_3	40.24% <1.47%> (-0.04%)	⬇️
Windows_4	31.29% <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.