feat: use multieffect instead of qt5compat

Also use loader for tray icon recolouring

modules/bar/components/TrayItem.qml

@@ -1,9 +1,11 @@
+pragma ComponentBehavior: Bound
+
 import "root:/config"
 import Quickshell
 import Quickshell.Widgets
 import Quickshell.Services.SystemTray
 import QtQuick
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 
 MouseArea {
     id: root
@@ -46,17 +48,22 @@ MouseArea {
         anchors.fill: parent
     }
 
-    ColorOverlay {
+    Loader {
-        visible: BarConfig.tray.recolourIcons
         anchors.fill: icon
-        source: icon
+        active: BarConfig.tray.recolourIcons
-        color: root.colour
+        asynchronous: true
 
-        Behavior on color {
+        sourceComponent: MultiEffect {
-            ColorAnimation {
+            source: icon
-                duration: Appearance.anim.durations.normal
+            colorizationColor: root.colour
-                easing.type: Easing.BezierSpline
+            colorization: 1
-                easing.bezierCurve: Appearance.anim.curves.standard
+
+            Behavior on colorizationColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
             }
         }
     }

modules/bar/components/workspaces/ActiveIndicator.qml

@@ -2,7 +2,7 @@ import "root:/widgets"
 import "root:/services"
 import "root:/config"
 import QtQuick
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 
 Rectangle {
     id: root
@@ -44,9 +44,12 @@ Rectangle {
         }
     }
 
-    OpacityMask {
+    MultiEffect {
         source: base
         maskSource: root.mask
+        maskEnabled: true
+        maskSpreadAtMin: 1
+        maskThresholdMin: 0.4
 
         x: root.vertical ? 0 : -parent.offset
         y: root.vertical ? -parent.offset : 0

modules/bar/components/workspaces/Workspaces.qml

@@ -25,6 +25,7 @@ Item {
         id: layout
 
         spacing: 0
+        layer.enabled: true
 
         Repeater {
             model: BarConfig.workspaces.shown