fix(core): header overflow in mobile widths, remove search when small

[jorgemoya]

What/Why?

Fix overflow and truncate text if title is too long. Remove search icon when viewport is very small to prevent truncation.

Testing

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
catalyst-latest	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 7, 2024 9:05pm

4 Ignored Deployments

Name	Status	Preview	Comments	Updated (UTC)
catalyst-1millionproducts-store	⬜️ Ignored (Inspect)			May 7, 2024 9:05pm
catalyst-au	⬜️ Ignored (Inspect)			May 7, 2024 9:05pm
catalyst-test-store	⬜️ Ignored (Inspect)			May 7, 2024 9:05pm
catalyst-uk	⬜️ Ignored (Inspect)			May 7, 2024 9:05pm

[changeset-bot]

🦋 Changeset detected

Latest commit: ca4d17a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@bigcommerce/catalyst-core	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

⚡️🏠 Lighthouse report

Lighthouse ran against https://catalyst-latest-4y6lpc17j-bigcommerce-platform.vercel.app

🖥️ Desktop

We ran Lighthouse against the changes on a desktop and produced this report. Here's the summary:

Category	Score
🟢 Performance	100
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	90

📱 Mobile

We ran Lighthouse against the changes on a mobile and produced this report. Here's the summary:

Category	Score
🟢 Performance	100
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	92