move bluetooth and create popup menu

modules/bar/Bar.qml

@@ -1,10 +1,11 @@
+import qs.config
 import QtQuick
 import Quickshell
 import "components"
+import "components/bluetooth"
 import "components/hyprland"
 import "components/mpris"
 import "components/tray"
-import "../../config/"
 
 Scope {
     PanelWindow {

modules/bar/components/bluetooth/Bluetooth.qml

@@ -1,14 +1,16 @@
-import "../../../config/"
+import qs.config
-import "../../../constants/"
+import qs.constants
-import "../../../styled/"
+import qs.styled
 
 Clickable {
-    id: clickable
+    id: root
 
     implicitWidth: text.width
     implicitHeight: Dimensions.bluetooth.height
 
-    onClicked: {}
+    onClicked: {
+        popup.opened = !popup.opened;
+    }
 
     StyledText {
         id: text
@@ -18,7 +20,7 @@ Clickable {
         font.bold: true
         text: Icons.bluetooth
 
-        color: clickable.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
+        color: root.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
 
         anchors.verticalCenter: parent.verticalCenter
         topPadding: Dimensions.bluetooth.verticalPadding
@@ -26,4 +28,12 @@ Clickable {
         leftPadding: Dimensions.bluetooth.horizontalPadding
         rightPadding: Dimensions.bluetooth.horizontalPadding
     }
+
+    BluetoothMenu {
+        id: popup
+
+        anchor.item: root
+        anchor.rect.x: root.width / 2 - width / 2
+        anchor.rect.y: root.height + 8
+    }
 }

modules/bar/components/bluetooth/BluetoothMenu.qml

@@ -0,0 +1,30 @@
+import qs.config
+import qs.styled
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell.Bluetooth
+
+StyledPopupWindow {
+    id: root
+
+    backgroundColor: Theme.palette.base300
+    margins: 8
+    radius: 8
+
+    property BluetoothAdapter defaultAdapter: Bluetooth.defaultAdapter
+
+    content: ColumnLayout {
+
+        RowLayout {
+            StyledText {
+                text: root.defaultAdapter.name
+            }
+
+            Switch {
+                checked: root.defaultAdapter.enabled
+                onClicked: root.defaultAdapter.enabled = checked
+            }
+        }
+    }
+}