Forms on ReUI controls: radio-group installed, native checkboxes and radios replaced

Radios (PanelForm) is ReUI's RadioGroup; Check takes rich text; a bare Tick covers
the table-cell ticks and the list-row switch. Settings IPv6 mode, Change Theme and all
Zones modals no longer draw their own native inputs. Matrix and the data-grid's own
selection stay as they are.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/screens/blocking/BlockLists.module.css

@@ -63,7 +63,7 @@ row's name goes in `aria-label` instead, as the table checkboxes of Zones do.
 It takes BOTH classes `Check` gives its own DOM: `check` on the label (the 26 px
 target and the input's alignment) and `toggle` for the switch drawing.
 */
-.switch { composes: check toggle from '../../ui/Check.module.css'; }
+.switch { composes: check from '../../ui/Check.module.css'; }
 
 .name { font-weight: 600; }
 /* The URL wraps after its separators (`ui/UrlText`), not at whatever letter meets the

src/screens/blocking/BlockLists.tsx

@@ -9,6 +9,7 @@ import { DataTable } from '../../ui/DataTable'
 import { RowAction } from '../../ui/Table'
 import { Field, Input, Select } from '../../ui/Field'
 import { Button } from '../../ui/Button'
+import { Tick } from '../../ui/Tick'
 import { PermissionButton } from '../../ui/PermissionButton'
 import { Confirm } from '../../ui/Confirm'
 import { Notifier } from '../../ui/Notifier'
@@ -768,9 +769,9 @@ export function BlockLists({
                       return (
                         canToggle(l) && (
                           <label className={styles.switch}>
-                            <input
-                              type="checkbox"
-                              aria-label={`Enabled ${what}`}
+                            <Tick
+                              toggle
+                              label={`Enabled ${what}`}
                               checked={l.enabled}
                               disabled={off}
                               onChange={() => setLines((all) => all.map((x, j) => (j === i ? toggleLine(x) : x)))}