add now playing info

quickshell/ui/NowPlaying.qml

@@ -0,0 +1,33 @@
+
+import QtQuick
+import QtQuick.Layouts
+
+import "../constants"
+
+Row {
+    id: root
+
+    property string artist: ""
+    property string title: ""
+    property string artUrl: ""
+
+    visible: title !== ""
+    spacing: 6
+
+    Image {
+        width: 18
+        height: 18
+        source: root.artUrl
+        fillMode: Image.PreserveAspectCrop
+        anchors.verticalCenter: parent.verticalCenter
+    }
+
+    Text {
+        text: root.artist !== "" ? (root.artist + " - " + root.title) : root.title
+        color: Colors.md3.primary
+        font.family: Constants.fontFamily
+        font.pixelSize: Constants.fontSize
+        elide: Text.ElideRight
+        anchors.verticalCenter: parent.verticalCenter
+    }
+}

quickshell/ui/TopBar.qml

@@ -17,6 +17,9 @@ Item {
     property int cpuUsage: 0
     property int memUsage: 0
     property int gpuUsage: 0
+    property string nowPlayingArtist: ""
+    property string nowPlayingTitle: ""
+    property string nowPlayingArtUrl: ""
 
     RowLayout {
         anchors.fill: parent
@@ -32,12 +35,22 @@ Item {
             id: workspacesList
         }
 
+        // small spacer
+        Item {
+            anchors.leftMargin: 10
+        }
+
+        NowPlaying {
+            artist: root.nowPlayingArtist
+            title: root.nowPlayingTitle
+            artUrl: root.nowPlayingArtUrl
+        }
+
         // Spacer
         Item {
             Layout.fillWidth: true
         }
 
-        
         // =====================
         // RIGHT: System info
         // =====================