dashboard: fix media cover art

modules/dashboard/dash/Media.qml

@@ -1,8 +1,8 @@
 import "root:/widgets"
 import "root:/services"
 import "root:/config"
+import Quickshell.Widgets
 import QtQuick
-import QtQuick.Effects
 import QtQuick.Shapes
 
 Item {
@@ -83,7 +83,7 @@ Item {
         }
     }
 
-    StyledRect {
+    ClippingRectangle {
         id: cover
 
         anchors.top: parent.top
@@ -108,29 +108,19 @@ Item {
 
             anchors.fill: parent
 
-            visible: false
             source: Players.active?.trackArtUrl ?? ""
             asynchronous: true
             fillMode: Image.PreserveAspectCrop
+            sourceSize.width: width
+            sourceSize.height: height
         }
 
-        Rectangle {
+        Behavior on color {
-            id: mask
+            ColorAnimation {
-
+                duration: Appearance.anim.durations.normal
-            layer.enabled: true
+                easing.type: Easing.BezierSpline
-            layer.smooth: true
+                easing.bezierCurve: Appearance.anim.curves.standard
-            visible: false
-            anchors.fill: image
-            radius: parent.radius
             }
-
-        MultiEffect {
-            anchors.fill: image
-            source: image
-            maskEnabled: true
-            maskSource: mask
-            maskSpreadAtMin: 1
-            maskThresholdMin: 0.5
         }
     }