fix(ui-mode): Watch mode button doesn't show active when test selected

[GeneratorX16]

description: The watch mode button was not showing as highlighted when a test in the tree view was focused and the watch icon was being clicked. Handled this issue for both, light mode and dark mode visibility.
#34434
Light Mode (Selected/Focused):

Dark Mode (Selected/Focused):

[agg23]

Thank you for the PR. While this is an improvement, this does not pass contrast accessibility, so it technically has not fixed the problem.

Instead of attempting to find a color that works, the correct solution is to draw a box around the active watch icon and keep the watch icon as always white. This isn't the best example screenshot, but you can see how the button is handled.

[GeneratorX16]

I have updated the selected icon with the following way:
Dark Mode Hilighted and Selected:

Dark Mode Highlighted but not selected:

Light Mode Highlighted and Selected:

Light Mode Highlighted but not selected:

[agg23]

Thank you for the PR. This is a definite improvement. There is more that I'd like to do here, but this fixes an important issue, so it is fine for now.

[github-actions]

Test results for "tests 1"

10 flaky

⚠️ [chromium-library] › tests/library/browsertype-connect.spec.ts:398:5 › run-server › should terminate network waiters @chromium-ubuntu-22.04-node20
⚠️ [firefox-page] › tests/page/page-evaluate.spec.ts:403:3 › should throw for too deep reference chain @firefox-ubuntu-22.04-node18
⚠️ [installation tests] › tests/playwright-electron-should-work.spec.ts:21:5 › electron should work @package-installations-windows-latest
⚠️ [webkit-library] › tests/library/browsercontext-reuse.spec.ts:50:1 › should reset serviceworker @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/proxy.spec.ts:238:3 › should use socks proxy in second page @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/signals.spec.ts:78:7 › signals › should close the browser on SIGINT @webkit-ubuntu-22.04-node18
⚠️ [webkit-library] › tests/library/trace-viewer.spec.ts:109:1 › should show tracing.group in the action list with location @webkit-ubuntu-22.04-node18
⚠️ [webkit-page] › tests/page/page-leaks.spec.ts:82:5 › click should not leak @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

38499 passed, 797 skipped
✔️✔️✔️

Merge workflow run.