fix: support 24h lock clock

modules/lock/center/Clock.qml

@@ -1,3 +1,5 @@
+pragma ComponentBehavior: Bound
+
 import QtQuick
 import Caelestia.Config
 import qs.components
@@ -39,7 +41,7 @@ Item {
 
         text: Time.minuteStr
         color: Colours.palette.m3secondary
-        font: Tokens.font.headline.builders.large.scale(3.8 * root.centerScale).width(30).build()
+        font: Tokens.font.headline.builders.large.scale((GlobalConfig.services.useTwelveHourClock ? 3.8 : 7) * root.centerScale).width(30).build()
 
         TextMetrics {
             id: minuteMetrics
@@ -49,11 +51,15 @@ Item {
         }
     }
 
-    StyledRect {
+    Loader {
         anchors.left: minutes.left
         anchors.leftMargin: minuteMetrics.tightBoundingRect.x
         y: hourMetrics.tightBoundingRect.height - implicitHeight
 
+        active: GlobalConfig.services.useTwelveHourClock
+        asynchronous: true
+
+        sourceComponent: StyledRect {
             color: Colours.tPalette.m3surfaceContainerHigh
             radius: Tokens.rounding.large
 
@@ -84,3 +90,4 @@ Item {
             }
         }
     }
+}