background: make switching between clock stylies less janky

dots/.config/quickshell/ii/modules/common/widgets/FadeLoader.qml

@@ -6,11 +6,13 @@ import qs.modules.common.widgets
 Loader {
     id: root
     property bool shown: true
+    property alias fade: opacityBehavior.enabled
     opacity: shown ? 1 : 0
     visible: opacity > 0
     active: opacity > 0
 
     Behavior on opacity {
+        id: opacityBehavior
         animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)
     }
 }

dots/.config/quickshell/ii/modules/ii/background/widgets/clock/ClockWidget.qml

@@ -44,6 +44,7 @@ AbstractBackgroundWidget {
             id: cookieClockLoader
             anchors.horizontalCenter: parent.horizontalCenter
             shown: root.clockStyle === "cookie" && (root.shouldShow)
+            fade: false
             sourceComponent: Column {
                 spacing: 10
                 CookieClock {
@@ -61,6 +62,7 @@ AbstractBackgroundWidget {
             id: digitalClockLoader
             anchors.horizontalCenter: parent.horizontalCenter
             shown: root.clockStyle === "digital" && (root.shouldShow)
+            fade: false
             sourceComponent: ColumnLayout {
                 id: clockColumn
                 spacing: 6