waffles: bar: use listview for tasks

dots/.config/quickshell/ii/modules/waffle/bar/tasks/Tasks.qml

@@ -9,8 +9,8 @@ MouseArea {
     id: root
 
     Layout.fillHeight: true
-    implicitHeight: row.implicitHeight
+    implicitHeight: appRow.implicitHeight
-    implicitWidth: row.implicitWidth
+    implicitWidth: appRow.implicitWidth
     hoverEnabled: true
 
     function showPreviewPopup(appEntry, button) {
@@ -21,16 +21,17 @@ MouseArea {
         animation: Looks.transition.move.createObject(this)
     }
 
-    // Apps row
+    WListView {
-    RowLayout {
+        id: appRow
-        id: row
         anchors {
             top: parent.top
             bottom: parent.bottom
         }
+        orientation: Qt.Horizontal
         spacing: 0
-
+        implicitWidth: contentWidth
-        Repeater {
+        clip: true
+        interactive: false
         // TODO: Include only apps (and windows) in current workspace only | wait, does that even make sense in a Hyprland workflow?
         model: ScriptModel {
             objectProp: "appId"
@@ -41,11 +42,10 @@ MouseArea {
             appEntry: modelData
 
             onHoverPreviewRequested: {
-                    root.showPreviewPopup(appEntry, this)
+                root.showPreviewPopup(appEntry, this);
             }
             onHoverPreviewDismissed: {
-                    previewPopup.close()
+                previewPopup.close();
-                }
             }
         }
     }
@@ -56,5 +56,4 @@ MouseArea {
         tasksHovered: root.containsMouse
         anchor.window: root.QsWindow.window
     }
-
 }