feat: design for privacy widget

NON-FUNCTIONAL

src/Bar.qml

@@ -3,6 +3,7 @@ import QtQuick // for Text
 import QtQuick.Layouts
 import "widgets/systray"
 import "widgets/workspaces"
+import "widgets/privacy"
 import "widgets/battery"
 
 Scope {
@@ -41,6 +42,8 @@ Scope {
                 Workspaces {}
 
                 Battery {}
+                Privacy {}
+
                 Item {
                     Layout.fillHeight: true
                 }

src/widgets/privacy/Privacy.qml

@@ -0,0 +1,25 @@
+import "root:base"
+import QtQuick.Layouts
+
+BRectangle {
+    height: width
+
+    RowLayout {
+        anchors.fill: parent
+        spacing: 1
+        anchors.margins: 3
+
+        PrivacyPill {
+            active: "#FF7F50"
+            inactive: "#b1a4a0"
+        }
+        PrivacyPill {
+            active: "#E0B0fF"
+            inactive: "#dad5dd"
+        }
+        PrivacyPill {
+            active: "#57ffcd"
+            inactive: "#a2b3ae"
+        }
+    }
+}

src/widgets/privacy/PrivacyPill.qml

@@ -0,0 +1,13 @@
+import QtQuick
+import QtQuick.Layouts
+
+Rectangle {
+    property bool isActive: false
+    required property string active
+    required property string inactive
+
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    color: isActive ? active : inactive
+    radius: 10
+}