Create Styled things and finish notifications module

ClockWidget.qml

@@ -3,6 +3,7 @@ import Quickshell.Widgets
 import Quickshell.Io
 import qs.Services
 import qs.Common
+import qs.Common.Styled
 
 Item {
     property var monitor: ""
@@ -12,25 +13,19 @@ Item {
         leftMargin: Theme.gaps
     }
 
-    Rectangle {
+    BackgroundRectangle {
         id: clock
 
-        color: Theme.backgroudColor
         implicitWidth: clockText.implicitWidth * 1.6
         implicitHeight: Theme.heightGaps
-        radius: 25
 
         property string calendar: ""
 
-        Text {
+        StyledText {
             id: clockText
 
             anchors.centerIn: parent
             text: Time.time
-            font.bold: true
-            font.pixelSize: Theme.pixelSize
-            font.family: Theme.fontFamily
-            color: Theme.textColor
         }
 
         Process {