fix(ui): suppress button hover transform inside VList rows to prevent smearing

[Just-Insane]

Related to closed PR #598 (fix/perf-rerender-reduction), which was split into smaller focused PRs.

Description

Buttons inside VList rows were applying a CSS transform on :hover. Because VList row elements use position: relative with will-change: transform for virtualisation, the button transform was composited against the row's own transform layer, producing a visual smear — the button appeared to shift or blur while the row stayed in place.

Fix: add a scoped CSS override in General.css.ts that resets transform: none on :hover for buttons inside VList row containers.

Fixes #

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings

AI disclosure:

• Partially AI assisted (clarify which code was AI assisted and briefly explain what it does).
• Fully AI generated (explain what all the generated code does in moderate detail).

The CSS override was partially AI assisted. I identified the smearing symptom and verified that the transform interaction between VList row layers and button hover state was the cause before applying the fix.