[AI] Add background to text sections of osd

The background is a solid color rectangle that is added for more
visiblility.

osd/PlayerControl.qml

@@ -171,28 +171,44 @@ Item {
     ColumnLayout {
       Layout.fillHeight: true
       spacing: 2
+      Layout.rightMargin: 8
 
-      StyledText {
+      Rectangle {
-        id: trackTitle
         Layout.fillWidth: true
-        font.pixelSize: Appearance.font.pixelSize.large
+        Layout.preferredHeight: 44
-        color: blendedColors.colOnLayer0
+        color: blendedColors.colSecondaryContainer
-        elide: Text.ElideRight
+        radius: 4
-        text: playerController.player?.trackTitle || "Untitled"
+
-      }
+        ColumnLayout {
-      StyledText {
+          id: titleBlock
-        id: trackArtist
+          spacing: 1
-        Layout.fillWidth: true
+
-        font.pixelSize: Appearance.font.pixelSize.smaller
+          StyledText {
-        color:blendedColors.colSubtext
+            id: trackTitle
-        elide: Text.ElideRight
+            Layout.fillWidth: true
-        text: playerController.player?.trackArtist
+            Layout.leftMargin: 8
+            Layout.rightMargin: 8
+            font.pixelSize: Appearance.font.pixelSize.large
+            color: blendedColors.colOnSecondaryContainer
+            elide: Text.ElideRight
+            text: playerController.player?.trackTitle || "Untitled"
+          }
+          StyledText {
+            id: trackArtist
+            Layout.fillWidth: true
+            Layout.leftMargin: 8
+            Layout.rightMargin: 8
+            font.pixelSize: Appearance.font.pixelSize.smaller
+            color: blendedColors.colOnSecondaryContainer
+            elide: Text.ElideRight
+            text: playerController.player?.trackArtist
+          }
+        }
       }
       Rectangle {
         id: scrubberOutline
         Layout.fillWidth: true
         Layout.preferredHeight: 12
-        Layout.rightMargin: 8
         color: blendedColors.colSecondaryContainer
         visible: playerController.player?.length > 0
         radius: parent.height / 2