Create Styled things and finish notifications module

Workspaces.qml

@@ -7,6 +7,7 @@ import Quickshell
 import Quickshell.Hyprland
 import Quickshell.Widgets
 import qs.Common
+import qs.Common.Styled
 import qs.Services
 
 WrapperMouseArea {
@@ -41,7 +42,7 @@ WrapperMouseArea {
 
             model: 5
 
-            delegate: Rectangle {
+            delegate: BackgroundRectangle {
                 id: workspacesRectangle
 
                 property string type: "workspace"
@@ -57,7 +58,6 @@ WrapperMouseArea {
 
                 Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
                 implicitHeight: Theme.heightGaps
-                radius: 25
 
                 states: [
                     State {
@@ -104,16 +104,12 @@ WrapperMouseArea {
                     }
                 }
 
-                Text {
+                StyledText {
 
                     property int workspaceName: workspacesRectangle.workspaceIndexAlign > 5 ? workspacesRectangle.workspaceIndexAlign - 5 : workspacesRectangle.workspaceIndexAlign
 
                     anchors.centerIn: parent
                     text: workspaceName
-                    font.bold: true
-                    font.pixelSize: Theme.pixelSize
-                    font.family: Theme.fontFamily
-                    color: Theme.textColor
                 }
 
                 MouseArea {