Make Shell a category, the bar legible, and the dock a real dock

Desktop & Dock becomes Shell — Bar, Dock, Control Center, Tiling,
Workspaces — the home for everything Quickshell draws. The settings-
management cluster moves to System as Sync & Backup, Appearance's
Shell tab dissolves, and 24-hour time finally lives on Date & Time,
which always owned it.

The bar gets what it never had: a way to survive the wallpaper. A
second neutral text family (follow theme, or forced light or dark),
a one-layer shadow under every glyph, and a gradient scrim for
wallpapers nothing else survives — all off by default, pixel-identical
until asked. Widgets earn toggles (weather, media, clipboard, calendar
countdown), the vitals cluster stops leaving a dead pill behind, and
Control Center's sections learn to step aside.

The dock graduates from MVP: a context menu with window rows, pin,
unpin, quit and new-window; scroll an icon to cycle its windows; drag
to reorder on the dock itself; hover previews with one-shot captures;
and "Add App to Dock" in the launcher. Three real bugs died en route —
menus that slid away with the autohide, a readonly-property crash on
every menu open, and a drag that drifted half a slot per icon on side
docks. The pinned-apps editor in Settings becomes a drag strip.

166 contracts; the full suite is green except two live display and
switcher tests that cannot run behind a locked session — re-verified
on unlock.

Claude-Session: https://claude.ai/code/session_01Ms2FbjQy31TVf3CEvQhGM8

config/dot/quickshell/modules/settings/AppearancePage.qml

@@ -73,7 +73,6 @@ SettingsPage {
             { value: "background", label: "Background" },
             { value: "type", label: "Typography" },
             { value: "windows", label: "Windows" },
-            { value: "shell", label: "Shell" },
         ]
         current: root.tab
         onSelected: value => root.tab = value
@@ -581,48 +580,4 @@ SettingsPage {
         ToggleRow { setting: "animationsEnabled"; divider: false }
     }
 
-    SettingsCard {
-        visible: root.tab === "shell"
-        title: "Clock"
-
-        ToggleRow { setting: "use24Hour" }
-        ToggleRow { setting: "showSeconds" }
-        ToggleRow { setting: "showWeekday"; divider: false }
-    }
-
-    SettingsCard {
-        visible: root.tab === "shell"
-        title: "System vitals"
-        subtitle: "Choose what appears beside the workspace indicator."
-
-        ToggleRow { setting: "showCpu" }
-        ToggleRow { setting: "showMemory" }
-        ToggleRow { setting: "showGpu" }
-        // Only where there is a battery to report on. A desktop should not be
-        // offered a switch for a readout it can never show.
-        ToggleRow { setting: "showBattery"; visible: Battery.available }
-        ToggleRow { setting: "showBatteryPercent"; visible: Battery.available && Settings.showBattery }
-        ToggleRow { setting: "showAgentUsage"; divider: true }
-        // Refresh interval was on the Home page, which split one concept across
-        // two pages -- what the vitals show here, how often they update there.
-        SliderRow { setting: "vitalsIntervalMs"; divider: GraphicsDevices.devices.length > 1 || GraphicsDevices.selectionMissing }
-
-        // Only worth asking when there is a choice to make.
-        ChoiceGrid {
-            visible: GraphicsDevices.devices.length > 1 || GraphicsDevices.selectionMissing
-            width: parent.width
-            label: "Graphics device"
-            detail: GraphicsDevices.selectionMissing
-                ? "The stored device is not present on this machine, so the graphics readout is hidden. Choose one below."
-                : "Which GPU the graphics readout measures."
-            options: GraphicsDevices.devices.map(device => ({
-                value: device.path,
-                label: GraphicsDevices.shortName(device.name)
-            }))
-            current: GraphicsDevices.selectedPath
-            divider: false
-            onPicked: value => GraphicsDevices.select(value)
-        }
-    }
-
 }