chore(html): normalize header between views

[agg23]

Normalize how headers are displayed between the test list and on test cases/results. Contains the fix of #35781 (fixes #35699).

Additionally fixes some color and padding issues.

---

I am not happy with the spacing with the row immediately below the title (metadata dropdown, if available, or the test file and execution time), but it is consistent and unchanged.

[github-actions]

Test results for "tests 1"

6 flaky

⚠️ [firefox-library] › library/inspector/cli-codegen-1.spec.ts:986:7 › cli codegen › should not throw csp directive violation errors @firefox-ubuntu-22.04-node18
⚠️ [firefox-page] › page/page-evaluate.spec.ts:424:3 › should throw for too deep reference chain @firefox-ubuntu-22.04-node18
⚠️ [webkit-library] › library/screenshot.spec.ts:25:14 › page screenshot › should run in parallel in multiple pages @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › library/screenshot.spec.ts:95:14 › page screenshot › should work with device scale factor and scale:css @webkit-ubuntu-22.04-node18
⚠️ [webkit-page] › page/page-screenshot.spec.ts:345:5 › page screenshot › should work while navigating @webkit-ubuntu-22.04-node18
⚠️ [playwright-test] › ui-mode-test-watch.spec.ts:145:5 › should watch all @windows-latest-node18-1

39107 passed, 803 skipped
✔️✔️✔️

Merge workflow run.