feat: add brightness panel for bar brightness widget

Modules/MainScreen/Backgrounds/AllBackgrounds.qml

@@ -76,6 +76,13 @@ Item {
         backgroundColor: panelBackgroundColor
       }
 
+      // Brightness
+      PanelBackground {
+        panel: root.windowRoot.brightnessPanelPlaceholder
+        shapeContainer: backgroundsShape
+        backgroundColor: panelBackgroundColor
+      }
+
       // Calendar
       PanelBackground {
         panel: root.windowRoot.calendarPanelPlaceholder

Modules/MainScreen/MainScreen.qml

@@ -11,6 +11,7 @@ import qs.Modules.Bar
 import qs.Modules.Bar.Extras
 import qs.Modules.Panels.Audio
 import qs.Modules.Panels.Bluetooth
+import qs.Modules.Panels.Brightness
 import qs.Modules.Panels.Calendar
 import qs.Modules.Panels.Changelog
 import qs.Modules.Panels.ControlCenter
@@ -33,6 +34,7 @@ PanelWindow {
   // Expose panels as readonly property aliases
   readonly property alias audioPanel: audioPanel
   readonly property alias bluetoothPanel: bluetoothPanel
+  readonly property alias brightnessPanel: brightnessPanel
   readonly property alias calendarPanel: calendarPanel
   readonly property alias changelogPanel: changelogPanel
   readonly property alias controlCenterPanel: controlCenterPanel
@@ -48,6 +50,7 @@ PanelWindow {
   // Expose panel placeholders for AllBackgrounds
   readonly property var audioPanelPlaceholder: audioPanel.panelPlaceholder
   readonly property var bluetoothPanelPlaceholder: bluetoothPanel.panelPlaceholder
+  readonly property var brightnessPanelPlaceholder: brightnessPanel.panelPlaceholder
   readonly property var calendarPanelPlaceholder: calendarPanel.panelPlaceholder
   readonly property var changelogPanelPlaceholder: changelogPanel.panelPlaceholder
   readonly property var controlCenterPanelPlaceholder: controlCenterPanel.panelPlaceholder
@@ -171,6 +174,12 @@ PanelWindow {
       screen: root.screen
     }
 
+    BrightnessPanel {
+      id: brightnessPanel
+      objectName: "brightnessPanel-" + (root.screen?.name || "unknown")
+      screen: root.screen
+    }
+
     ControlCenterPanel {
       id: controlCenterPanel
       objectName: "controlCenterPanel-" + (root.screen?.name || "unknown")