extract HoverableListItem component from list delegates

shell/applets/VolumeApplet.qml

@@ -121,22 +121,13 @@ Column {
             Repeater {
                 model: root.sinkList
 
-                delegate: Item {
+                delegate: HoverableListItem {
                     required property var modelData
 
-                    width: root.width
                     height: 28
 
                     readonly property bool _active: modelData === root.sink
 
-                    Rectangle {
-                        anchors.fill: parent
-                        anchors.leftMargin: 4
-                        anchors.rightMargin: 4
-                        color: deviceHover.hovered ? S.Theme.base02 : "transparent"
-                        radius: S.Theme.radius
-                    }
-
                     Text {
                         anchors.left: parent.left
                         anchors.leftMargin: 12
@@ -151,11 +142,6 @@ Column {
                         elide: Text.ElideRight
                     }
 
-                    HoverHandler {
-                        id: deviceHover
-                        cursorShape: Qt.PointingHandCursor
-                    }
-
                     TapHandler {
                         onTapped: Pipewire.preferredDefaultAudioSink = modelData
                     }