fix(settings): polish dialog colours and actions (#605)

Make colour tiles solid, readable and fully clickable; align Data actions and device icon field with the form kit. Cover narrow Windows layouts and both icon-picker branches with a focused browser smoke.

Issue: #605
User-Visible: yes

scripts/smoke-links.mjs

@@ -27,6 +27,15 @@
 
 /** @type {SmokeLink[]} */
 export const SMOKE_LINKS = [
+  {
+    symbols: ['formKitCss', 'colorField', 'colorTile', 'HpColorOpacity',
+      'renderGeneralSettingsDialog', 'renderMarkerDialog'],
+    smokes: ['smoke_dialog_polish_605.mjs'],
+    because: '#605: real browser geometry proves that opacity digits fit, a colour tile is '
+      + 'one keyboard-accessible hit surface, Wall fill resets only the draft, Data buttons '
+      + 'wrap, and both icon-picker branches keep one preview; source imports cannot observe '
+      + 'the painted controls or Windows input box metrics',
+  },
   {
     symbols: ['formKitCss', 'renderRoomSettingsDialog'],
     smokes: ['smoke_dialog_polish_603.mjs'],