background: some fixes for desktop clock

Loader + use implicit width/height + move

modules/background/Background.qml

@@ -2,6 +2,7 @@ import qs.widgets
 import qs.config
 import Quickshell
 import Quickshell.Wayland
+import QtQuick
 
 LazyLoader {
     activeAsync: Config.background.enabled
@@ -27,11 +28,15 @@ LazyLoader {
 
             Wallpaper {}
 
-            DesktopClock {
+            Loader {
-                visible: Config.background.desktopClock.enabled
                 anchors.right: parent.right
                 anchors.bottom: parent.bottom
                 anchors.margins: Appearance.padding.large
+
+                active: Config.background.desktopClock.enabled
+                asynchronous: true
+
+                source: "DesktopClock.qml"
             }
         }
     }

modules/background/DesktopClock.qml

@@ -1,20 +1,18 @@
-import QtQuick
-import QtQuick.Controls
-import qs.config
-import qs.services
 import qs.widgets
+import qs.services
+import qs.config
+import QtQuick
 
 Item {
-    id: clockRoot
+    implicitWidth: timeText.implicitWidth + Appearance.padding.large * 2
-    width: timeText.implicitWidth + Appearance.padding.large * 2
+    implicitHeight: timeText.implicitHeight + Appearance.padding.large * 2
-    height: timeText.implicitHeight + Appearance.padding.large * 2
-
 
     StyledText {
         id: timeText
+
         anchors.centerIn: parent
+        text: Time.format("hh:mm:ss")
         font.pointSize: Appearance.font.size.extraLarge
         font.bold: true
-        text: Time.format("hh:mm:ss");
     }
 }