feat: async sidebar

modules/sidebar/Notif.qml

@@ -154,6 +154,7 @@ StyledRect {
     component WrappedLoader: Loader {
         required property bool shouldBeActive
 
+        asynchronous: true
         opacity: shouldBeActive ? 1 : 0
         active: opacity > 0
 

modules/sidebar/NotifActionList.qml

@@ -167,6 +167,7 @@ Item {
                         id: iconComp
 
                         IconImage {
+                            asynchronous: true
                             source: Quickshell.iconPath(action.modelData.identifier)
                         }
                     }

modules/sidebar/NotifDock.qml

@@ -86,6 +86,7 @@ Item {
         color: "transparent"
 
         Loader {
+            asynchronous: true
             anchors.centerIn: parent
             active: opacity > 0
             opacity: root.notifCount > 0 ? 0 : 1
@@ -166,6 +167,7 @@ Item {
     }
 
     Loader {
+        asynchronous: true
         anchors.right: parent.right
         anchors.bottom: parent.bottom
         anchors.margins: Appearance.padding.normal

modules/sidebar/NotifGroup.qml

@@ -136,12 +136,14 @@ StyledRect {
                 radius: Appearance.rounding.full
 
                 Loader {
+                    asynchronous: true
                     anchors.centerIn: parent
                     sourceComponent: root.image ? imageComp : root.appIcon ? appIconComp : materialIconComp
                 }
             }
 
             Loader {
+                asynchronous: true
                 anchors.right: parent.right
                 anchors.bottom: parent.bottom
                 active: root.appIcon && root.image