Fix select dropdown option colors in page-selector component

[Copilot]

Select dropdown options displayed inverted colors on Edge—unselected options appeared dark while selected options appeared light.

Before:

Changes

• Added explicit option element styling within tpen-page-selector shadow DOM
• Uses CSS system colors (Canvas/CanvasText) to respect user theme preferences

select option {
    background-color: Canvas;
    color: CanvasText;
}

System colors automatically adapt to light/dark mode and high contrast settings. Browser handles selection highlighting natively.

After:

Files Changed

• components/page-selector/index.js

Original prompt

---

This section details on the original issue you should resolve

<issue_title>weird highlight in select</issue_title>
<issue_description>

On Edge, this looks backwards. Options should be white or light with blue or gray as the selected color.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes weird highlight in select #455

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[github-actions]

🚀 Deployed on https://698e078a92e7b300a5239447--tpen-interfaces-preview.netlify.app

[cubap]

Looks good from my end.

Tested at https://698e078a92e7b300a5239447--tpen-interfaces-preview.netlify.app/annotator?projectID=698378c3c19363cc0b368ef4&pageID=698378c3c19363cc0b368ef6

It could be tidier, but this clears the bar.

[cubap]

@thehabes Take a look at my review above and see if you find the same behavior.

[thehabes]