feat(trace-viewer): add copy to clipboard button for traceviewer snapshot url on hover (#35213)

[alscotty]

Closes #35213

Adds a new button on hover that copies snapshot url to clipboard
(#35213)
And adds a test for the same

[alscotty]

@microsoft-github-policy-service agree

[alscotty]

@dgozman could you review this one when possible? Thanks!

[dgozman]

Thank you for the PR!

[alscotty]

Thanks for reviewing @dgozman ! Made those suggested changes and retested

[dgozman]

@alscotty Thank you, this is very good! However, when I hover over the address bar, it gets wider now. Also, the button is not vertically aligned with the url text. Could you please fix both of these issues?

[alscotty]

@alscotty Thank you, this is very good! However, when I hover over the address bar, it gets wider now. Also, the button is not vertically aligned with the url text. Could you please fix both of these issues?

Fixed using visibility instead of display, thanks! @dgozman

[alscotty]

Checking failure - seen on main branch also - not caused by this diff

[github-actions]

Test results for "tests 1"

1 failed
❌ [playwright-test] › tests/runner.spec.ts:118:5 › should ignore subprocess creation error because of SIGINT @macos-latest-node18-1

3 flaky

⚠️ [firefox-page] › tests/page/page-evaluate.spec.ts:424:3 › should throw for too deep reference chain @firefox-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/browsercontext-pages.spec.ts:82:3 › should click the button with offset with page scale @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/trace-viewer.spec.ts:1306:1 › should pick locator in iframe @webkit-ubuntu-22.04-node18

38935 passed, 805 skipped
✔️✔️✔️

Merge workflow run.