create bluetooth button

modules/bar/Bar.qml

@@ -108,6 +108,10 @@ Scope {
                     anchors.verticalCenter: parent.verticalCenter
                 }
 
+                Bluetooth {
+                    anchors.verticalCenter: parent.verticalCenter
+                }
+
                 Storage {
                     anchors.verticalCenter: parent.verticalCenter
                 }

modules/bar/components/Bluetooth.qml

@@ -0,0 +1,29 @@
+import "../../../config/"
+import "../../../constants/"
+import "../../../styled/"
+
+Clickable {
+    id: clickable
+
+    implicitWidth: text.width
+    implicitHeight: Dimensions.bluetooth.height
+
+    onClicked: {}
+
+    StyledText {
+        id: text
+
+        font.family: Theme.lucide.font.family
+        font.pixelSize: Dimensions.bluetooth.fontSize
+        font.bold: true
+        text: Icons.bluetooth
+
+        color: clickable.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
+
+        anchors.verticalCenter: parent.verticalCenter
+        topPadding: Dimensions.bluetooth.verticalPadding
+        bottomPadding: Dimensions.bluetooth.verticalPadding
+        leftPadding: Dimensions.bluetooth.horizontalPadding
+        rightPadding: Dimensions.bluetooth.horizontalPadding
+    }
+}