fixup all the shit and properly add icontheme

modules/bar/Date.qml

@@ -1,19 +1,45 @@
 import Quickshell
+import Quickshell.Widgets
 import QtQuick
+import QtQuick.Layouts
+import QtQuick.Effects
 import qs
 import qs.widgets
 import qs.settings
 
 BarComponent {
     id: root
-    implicitWidth: clockText.width + 16
+    implicitWidth: clockLayout.width + 16
     SystemClock {
         id: clock
         precision: SystemClock.Seconds
     }
-    StyledText {
+    active: clickHandler.containsMouse
+    RowLayout {
+	id: clockLayout
 	anchors.centerIn: parent
-        id: clockText
-        text: Qt.formatDateTime(clock.date, "d.M.yy - hh:mm:ss")
+	IconImage {
+	    source: Quickshell.iconPath("clock-applet-symbolic")
+	    implicitSize: Config.iconSize
+	    layer.enabled: true
+	    layer.effect: MultiEffect {
+		colorization: 1.0
+		colorizationColor: Colors.text
+		brightness: 0.5
+	    }
+	}
+	StyledText {
+            id: clockText
+            text: Qt.formatDateTime(clock.date, toggleFormat ? "hh:mm:ss | dd.mm.yy" : "hh:mm:ss")
+	    property bool toggleFormat: false
+	}
+
     }
+    	MouseArea {
+	    id: clickHandler
+	    anchors.fill: parent
+	    cursorShape: Qt.PointingHandCursor
+	    hoverEnabled: true
+	    onClicked: { clockText.toggleFormat = !clockText.toggleFormat }
+	}
 }

modules/bar/Pw.qml

@@ -1,4 +1,3 @@
-//@ pragma IconTheme Adwaita
 pragma ComponentBehavior: Bound
 import Quickshell.Services.Pipewire
 import Quickshell.Io