quickshell: add initial bar config with per-monitor workspaces

- Vertical bar on DP-2 with rounded-square pills throughout
- Per-monitor workspace groups sorted by screen x position, with
  Nerd Font icons for named workspaces and apex-neon red active indicator
- Bar layout: datetime+weather top, workspaces centered, gamemode+media+notif+system bottom
- Popouts anchor to triggering icon (top-right for datetime/weather, bottom-right for media/notif/system)
- Lock command switched from hyprlock to swaylock
- Hyprland blur/ignore_alpha layerrules for quickshell namespace

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

dot_config/quickshell/bar/DateTimePill.qml

@@ -0,0 +1,37 @@
+import Quickshell
+import QtQuick
+import QtQuick.Layouts
+import "../shared" as Shared
+
+BarPill {
+    groupName: "datetime"
+    accentColor: Shared.Theme.teal
+
+    content: [
+        Text {
+            Layout.alignment: Qt.AlignHCenter
+            horizontalAlignment: Text.AlignHCenter
+            text: Qt.formatDateTime(Shared.Time.date, Shared.Config.pillTimeFormat)
+            color: Shared.Theme.teal
+            font.pixelSize: Shared.Theme.fontLarge
+            font.family: Shared.Theme.fontFamily
+            font.bold: true
+            lineHeight: 1.1
+        },
+        Rectangle {
+            Layout.alignment: Qt.AlignHCenter
+            width: Shared.Theme.barInnerWidth * 0.5
+            height: 1
+            color: Shared.Theme.teal
+            opacity: Shared.Theme.opacityLight
+        },
+        Text {
+            Layout.alignment: Qt.AlignHCenter
+            horizontalAlignment: Text.AlignHCenter
+            text: Qt.formatDateTime(Shared.Time.date, Shared.Config.pillDateFormat)
+            color: Shared.Theme.teal
+            font.pixelSize: Shared.Theme.fontSmall
+            font.family: Shared.Theme.fontFamily
+        }
+    ]
+}