feat: Improve network tabs trace viewer

[cpAdm]

Improvements to network resources tabs:

• Updated tab names/layout to be more in line with popular devtools
• Sections inside a tab can be collapsed (and is remember in storage)
• Copy buttons are now more visible inside a dropdown in the toolbar
• key-values can now easier be distinguished by the new spacing

Current situation:

After:

Closes: #35214

[github-actions]

Test results for "tests 1"

3 flaky

⚠️ [firefox-page] › tests/page/page-evaluate.spec.ts:403:3 › should throw for too deep reference chain @firefox-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/screenshot.spec.ts:205:14 › element screenshot › element screenshot should work with a mobile viewport @webkit-ubuntu-22.04-node18
⚠️ [webkit-page] › tests/page/page-screenshot.spec.ts:345:5 › page screenshot › should work while navigating @webkit-ubuntu-22.04-node18

38814 passed, 809 skipped
✔️✔️✔️

Merge workflow run.

[dgozman]

@cpAdm Thank you for the PR! Unfortunately, I find it very hard to review. For some reason, components moved around which makes the diff very large. The PR seems to do multiple things, and I'm not sure what change does what.

Could you please make a small PR focused on a single thing? I think that would be easier to iterate on. Thank you!