refactor(media OSD): add previous/next UI controls

Port 1.5

(cherry picked from commit 32ddf614c3)

quickshell/Modules/OSD/MediaPlaybackOSD.qml

@@ -264,13 +264,48 @@ DankOSD {
                 }
             }
 
+            Row {
+                id: transportControls
+
+                x: parent.gap
+                anchors.verticalCenter: parent.verticalCenter
+                spacing: Theme.spacingXXS
+
+                Rectangle {
+                    width: Theme.iconSize - 4
+                    height: Theme.iconSize - 4
+                    radius: (Theme.iconSize - 4) / 2
+                    anchors.verticalCenter: parent.verticalCenter
+                    color: prevButton.containsMouse ? Theme.surfaceTextHover : "transparent"
+                    opacity: (root.player?.canGoPrevious ?? false) ? 1 : 0.3
+
+                    DankIcon {
+                        anchors.centerIn: parent
+                        name: "skip_previous"
+                        size: Theme.iconSize - 10
+                        color: prevButton.containsMouse ? Theme.primary : Theme.surfaceText
+                    }
+
+                    MouseArea {
+                        id: prevButton
+
+                        anchors.fill: parent
+                        hoverEnabled: true
+                        enabled: root.player?.canGoPrevious ?? false
+                        cursorShape: Qt.PointingHandCursor
+                        onClicked: {
+                            MprisController.previousOrRewind();
+                            root.hide();
+                        }
+                    }
+                }
+
                 Rectangle {
                     width: Theme.iconSize
                     height: Theme.iconSize
                     radius: Theme.iconSize / 2
-                color: "transparent"
-                x: parent.gap
                     anchors.verticalCenter: parent.verticalCenter
+                    color: "transparent"
 
                     DankIcon {
                         anchors.centerIn: parent
@@ -292,9 +327,39 @@ DankOSD {
                     }
                 }
 
+                Rectangle {
+                    width: Theme.iconSize - 4
+                    height: Theme.iconSize - 4
+                    radius: (Theme.iconSize - 4) / 2
+                    anchors.verticalCenter: parent.verticalCenter
+                    color: nextButton.containsMouse ? Theme.surfaceTextHover : "transparent"
+                    opacity: (root.player?.canGoNext ?? false) ? 1 : 0.3
+
+                    DankIcon {
+                        anchors.centerIn: parent
+                        name: "skip_next"
+                        size: Theme.iconSize - 10
+                        color: nextButton.containsMouse ? Theme.primary : Theme.surfaceText
+                    }
+
+                    MouseArea {
+                        id: nextButton
+
+                        anchors.fill: parent
+                        hoverEnabled: true
+                        enabled: root.player?.canGoNext ?? false
+                        cursorShape: Qt.PointingHandCursor
+                        onClicked: {
+                            MprisController.next();
+                            root.hide();
+                        }
+                    }
+                }
+            }
+
             Column {
-                x: parent.gap * 2 + Theme.iconSize
+                x: parent.gap * 2 + transportControls.width
-                width: parent.width - Theme.iconSize - parent.gap * 3
+                width: parent.width - transportControls.width - parent.gap * 3
                 anchors.verticalCenter: parent.verticalCenter
                 spacing: Theme.spacingXXS