simplify things by moving popups into a new layer

modules/bar/Bar.qml

@@ -16,7 +16,7 @@ Variants {
             left: true
             right: true
         }
-	
+
         color: 'transparent'
         implicitHeight: Config.cfg.bar.height
         margins.top: Config.cfg.bar.floating ? 10 : 0
@@ -46,11 +46,11 @@ Variants {
                 Mpris {}
                 Bat {}
                 Tray {}
-                WallPicker {
-                    screenHeight: root.screen.height
-                }
+                WallPickerButton {barScreen: root.modelData}
 
-                Pw {barScreen: root.modelData}
+                Pw {
+                    barScreen: root.modelData
+                }
                 Netstatus {}
             }
         }

modules/bar/Pw.qml

@@ -30,10 +30,7 @@ BarComponent {
         acceptedButtons: Qt.LeftButton
         cursorShape: Qt.PointingHandCursor
         anchors.fill: root
-        onClicked: volPopup.visible = !volPopup.visible
-    }
-    VolPopup {
-	barScreen: root.barScreen
-	id: volPopup
+        onClicked: WidgetTracker.toggle("volume", root.barScreen)
     }
+   
 }

modules/bar/WallPickerButton.qml

@@ -0,0 +1,24 @@
+import QtQuick
+import qs.widgets
+import qs.modules.Services
+import Quickshell
+
+
+BarComponent {
+    id: main
+    implicitWidth: implicitHeight
+    required property ShellScreen barScreen
+    StyledIcon {
+        iconName: "preferences-desktop-wallpaper-symbolic"
+        anchors.centerIn: parent
+    }
+    MouseArea {
+        id: clickHandler
+        anchors.fill: main
+        acceptedButtons: Qt.LeftButton
+        cursorShape: Qt.PointingHandCursor
+        onClicked: {
+            WidgetTracker.toggle("wallpapers", main.barScreen);
+        }
+    }
+}