fix(client): initialize header tab sizing with webfont

What does this merge request do?

Fix the initialization of header tab sizing with an added wait for webfont to be loaded.

Contribution Guidelines

By submitting this merge request, you agree to follow our Contribution Guidelines

• This closes #10943 (closed) (please substitute the issue number or open a new one unless this is a minor fix/refactor)
• I agree to follow this project's Contribution Guidelines
• I have made sure to test this merge request
• I have made sure to run pnpm run format before submitting this merge request

If this merge request makes changes to API, please update docs/api-change.md

• I updated the document / This merge request doesn't include API changes