fix(ui): sections 17 and 18 were checked against the wrong text

check_design_parity read its checklist from build_audit_page.ANALYSIS. Eight
sections of the audit page are hand-written, and for those the generator's
text is NOT what the page says — so Settings and the Task editor were reported
as matching a design they had never been compared against. The Task editor was
in fact built backwards.

  * The checker now reads the "Thay đổi" bullets straight out of
    docs/ui-audit.html, and reports how many bullets on the page still have no
    probe (57 on the page, 32 probed) instead of implying full coverage.

  * Task editor: reverted from three step tabs to a left list + right panel,
    five rows matching the five real group boxes — which is what the page asks
    for, in as many words ("thay vì chia tab"), for consistency with Settings.

  * Settings now switches panels rather than scrolling, so both dialogs are
    navigated identically and neither is a long scroll any more.

  * Settings field presentation, as the page's second bullet asks: the six
    checkboxes became switches, and Language/Theme became segmented controls.
    ToggleSwitch subclasses QCheckBox and SegmentedControl exposes the slice
    of the QComboBox API this dialog uses, so no save/load path changed —
    verified by round-tripping language/theme/tray through _save().

All 22 task-editor fields and 14 settings fields verified present after the
move; 7 suites green.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

theme.py

@@ -377,6 +377,16 @@ QWidget#navWrap QTreeWidget::item:disabled { color: $text_faint; }
 /* The pinned bottom group (Dashboard, Monitoring) — one hairline separates it
    from the list above so "occasional" reads apart from "everyday". */
 QTreeWidget#navrailBottom { border-top: 1px solid $nav_border; }
+/* Segmented control: two-to-four choices shown side by side (language, theme)
+   instead of a drop-list you must open to see what the options even are. */
+QPushButton#segItem {
+    background: $surface_raised; color: $text_muted; border: 1px solid $border;
+    padding: 4px 12px; margin: 0; border-radius: 0;
+}
+QPushButton#segItem:hover { background: $hover; color: $text; }
+QPushButton#segItem:checked {
+    background: $accent_solid; color: #FFFFFF; border-color: $accent_solid; font-weight: 600;
+}
 /* Table of contents down the left of the long dialogs (Settings, Task editor). */
 QListWidget#sectionIndex { background: $surface; border-right: 1px solid $border; }
 QListWidget#sectionIndex::item { padding: 7px 10px; border-radius: ${radius}px; }