refactor: unified BarModule base component, click-to-open panels, remove pinning

shell/modules/BacklightModule.qml

@@ -4,12 +4,12 @@ import "." as M
 import "../services" as S
 import "../applets" as C
 
-M.OsdSection {
+M.BarModule {
     id: root
     spacing: S.Theme.moduleSpacing
     opacity: S.Modules.backlight.enable && S.BacklightService.available ? 1 : 0
     visible: opacity > 0
-    _panelHovered: hoverPanel.panelHovered
+    tooltip: "Brightness: " + percent + "%"
 
     property int percent: S.BacklightService.percent
     property bool _percentInit: false
@@ -27,24 +27,6 @@ M.OsdSection {
         onWheel: event => S.BacklightService.adjust(event.angleDelta.y)
     }
 
-    M.HoverPanel {
-        id: hoverPanel
-        showPanel: root._showPanel
-        screen: QsWindow.window?.screen ?? null
-        anchorItem: root
-        accentColor: root.accentColor
-        panelNamespace: "nova-backlight"
-        panelTitle: "Brightness"
-        contentWidth: 200
-
-        C.BacklightApplet {
-            width: parent.width
-            percent: root.percent
-            accentColor: root.accentColor
-            onSetPercent: pct => S.BacklightService.setPercent(pct)
-        }
-    }
-
     M.BarIcon {
         icon: "\uF185"
         anchors.verticalCenter: parent.verticalCenter
@@ -54,4 +36,23 @@ M.OsdSection {
         minText: "100%"
         anchors.verticalCenter: parent.verticalCenter
     }
+
+    M.HoverPanel {
+        id: hoverPanel
+        showPanel: root._showPanel
+        screen: QsWindow.window?.screen ?? null
+        anchorItem: root
+        accentColor: root.accentColor
+        panelNamespace: "nova-backlight"
+        panelTitle: "Brightness"
+        contentWidth: 200
+        onDismissed: root.dismissPanel()
+
+        C.BacklightApplet {
+            width: parent.width
+            percent: root.percent
+            accentColor: root.accentColor
+            onSetPercent: pct => S.BacklightService.setPercent(pct)
+        }
+    }
 }