Fix some styling, make some components bound

Common/CalendarComponent.qml

@@ -1,4 +1,5 @@
-// CalendarComponent.qml (For one month)
+pragma ComponentBehavior: Bound
+
 import QtQuick
 import qs.Common
 import qs.Common.Styled
@@ -74,6 +75,8 @@ Item {
             Repeater {
                 model: root.getLocalizedDayHeaders()
                 StyledText {
+                    required property var modelData
+
                     text: modelData
                     horizontalAlignment: Text.AlignHCenter
                     width: 18
@@ -84,6 +87,7 @@ Item {
             Repeater {
                 model: root.layoutData.days
                 StyledText {
+                    required property var modelData
                     text: modelData
                     horizontalAlignment: Text.AlignHCenter
                     width: 18

Common/NotificationWrapper.qml

@@ -33,7 +33,9 @@ BackgroundRectangle {
 
     height: collapsed ? 0 : contentHeight
 
-    Component.onCompleted: { root.collapsed = false }
+    Component.onCompleted: {
+        root.collapsed = false;
+    }
 
     Behavior on height {
         SequentialAnimation {
@@ -49,7 +51,7 @@ BackgroundRectangle {
                         root.timedout();
                 }
             }
-        } 
+        }
     }
 
     clip: true
@@ -65,7 +67,7 @@ BackgroundRectangle {
 
     Timer {
         id: notifTimer
-        interval: timerDuration
+        interval: root.timerDuration
         running: root.startTimer
         repeat: false
 
@@ -86,7 +88,6 @@ BackgroundRectangle {
             margins: 10
         }
 
-
         IconImage {
             id: iconImage
 

Common/Settings.qml

@@ -1,12 +1,9 @@
-
 pragma Singleton
 
 import Quickshell
 
 Singleton {
-    id:root
+    id: root
 
     readonly property string time: "oi"
-
-
 }