No Pointer

Use the established Studio interaction convention for clickable controls:

• Set cursor: 'default'; do not use cursor: 'pointer'.
• Drive purely visual hover styling through HOVERABLE_CLASS_NAME and hoverableStyle() from packages/studio/src/helpers/hoverable.ts. Do not add React hover state for color or background changes.
• Keep the background unchanged unless the surrounding component already uses a shared background-hover convention. For a text-only action, use TRANSPARENT for both idleBackground and hoverBackground.
• Use LIGHT_TEXT (#A6A7A9) as the idle color and WHITE (white) as the hover color. Icons and nested text must follow the same state; inspect the element that paints the pixels if the Studio CSS reset blocks inheritance.

Focus styling