Fix Header Wrapping

[lishaduck]

Description

This PR switches wrapping the header to use flex-grow and flex-shrink.

---

Type of Change

• 🐛 Bug fix

Checklist

Checklist

Beta Give feedback

1. Read the Contributing Guidelines.
2. Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
3. Fill out this template.
4. Log your hours.
5. Check that commits follow the Angular commit convention, more or less.
6. Ideally, include relevant tests that fail without this PR but pass with it (if applicable).

Tested on

• macOS 14