feat(trace-viewer): Render context string for most actions

[agg23]

We display a friendly descriptor of an action that uses a locator next to the action in Trace Viewer. This adds the display of context of other actions (keyboard, mouse, etc) in a separate color to discriminate them from locators.

Notably, this only applies to the Trace Viewer display of actions; all other UI remains the same due to various issues that arise with providing similar UI. The only other places this UI is referenced is in the codegen recorder, which I don't believe can produce any of the relevant actions (all codegen actions will directly use a selector), and the Trace Viewer recorder experiment, which has the exact same reasoning.

Addresses #34093

[github-actions]

Test results for "tests 1"

6 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/proxy.spec.ts:93:11 › should proxy local network requests › by default › localhost @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/selector-generator.spec.ts:337:5 › selector generator › should find text in shadow dom @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/trace-viewer.spec.ts:149:1 › should open simple trace viewer @webkit-ubuntu-22.04-node18
⚠️ [webkit-page] › tests/page/page-set-input-files.spec.ts:147:3 › should upload large file @webkit-ubuntu-22.04-node18
⚠️ [playwright-test] › tests/ui-mode-test-watch.spec.ts:145:5 › should watch all @windows-latest-node18-1

37593 passed, 648 skipped
✔️✔️✔️

Merge workflow run.