fix(header): fix issue with header being full page height on mobile

[nathanjamal]

fix issue with header being full page height on mobile Plus updated tablet breakpoint to match designs

HEYUI-340

Pull Request

Description

Describe your changes (or add ticket description) and add relevant screenshots

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Documentation change

How do I test this

• Add steps to test
• in bullet point format
• preferably you can add link to the storybook build in the PR

Checklist

Did you remember to take care of the following?

• npm i – for new NPM dependencies.
• npm run lint - to check for linting issues
• npm run test - to run unit tests
• npm run test:sh:docker - to run screenshot tests, detail instruction

New Feature / Bug Fix

• Run unit tests to ensure all existing tests are still passing.
• Add new passing unit tests to cover the code introduced by your pr.

Thanks for contributing!

[github-actions]

Pull Request Test Coverage Report for Build 5067202548

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 93.983%

---

Totals
Change from base Build 5055021805:	0.0%
Covered Lines:	1509
Relevant Lines:	1556

---

💛 - Coveralls

[github-actions]

Compiled a new version demo.

[github-actions]

Coverage report

St.❔	Category	Percentage	Covered / Total
🟢	Statements	96.69%	1694/1752
🟢	Branches	85.32%	459/538
🟢	Functions	82.56%	142/172
🟢	Lines	96.98%	1509/1556

Test suite run success

363 tests passing in 50 suites.

Report generated by 🧪jest coverage report action from ac472a1

[github-actions]

Compiled a new version demo.

[supcar]

🎉 This PR is included in version 8.3.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀