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"

7 flaky

⚠️ [firefox-page] › tests/page/page-evaluate.spec.ts:403:3 › should throw for too deep reference chain @firefox-ubuntu-22.04-node18
⚠️ [playwright-test] › tests/ui-mode-trace.spec.ts:341:5 › should work behind reverse proxy @ubuntu-latest-node18-1
⚠️ [webkit-library] › tests/library/proxy.spec.ts:93:11 › should proxy local network requests › by default › link-local @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/proxy.spec.ts:178:3 › should exclude patterns @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/selector-generator.spec.ts:352:5 › selector generator › should match in shadow dom @webkit-ubuntu-22.04-node18
⚠️ [webkit-page] › tests/page/page-set-input-files.spec.ts:245:3 › should upload large file with relative path @webkit-ubuntu-22.04-node18
⚠️ [playwright-test] › tests/ui-mode-test-watch.spec.ts:145:5 › should watch all @windows-latest-node18-1

37602 passed, 648 skipped
✔️✔️✔️

Merge workflow run.