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/quicksettings/QuickSettingsPanel.qml

@@ -216,6 +216,7 @@ Item {
 
         RowButton {
             width: content.width
+            visible: Settings.ccShowFocus
             icon: "preferences-system-time-symbolic"
             iconFallback: "appointment-soon-symbolic"
             label: FocusSession.active ? "Focus · " + FocusSession.workspaceLabel : "Start focus session"
@@ -343,14 +344,18 @@ Item {
         }
 
         // ── Connected life ─────────────────────────────────────────────────
+        // Hidden sections leave no gap: Column skips invisible children
+        // outright, so the panel closes up around them.
         HomeControls {
             width: content.width
+            visible: Settings.ccShowHome
             expanded: root.expandedSection === "home"
             onToggleExpanded: root.expand("home")
         }
 
         PhoneControls {
             width: content.width
+            visible: Settings.ccShowPhone
             expanded: root.expandedSection === "phone"
             onToggleExpanded: root.expand("phone")
         }