feat: add NotificationButton widget to bar to display notifications and work NotificationButton to a usable state

modules/bar/Bar.qml

@@ -73,6 +73,7 @@ PanelWindow {
 
             // TODO: Add bluetooth, network, audio, power, maybe HW monitor
             Tray{}
+            NotificationButton {}
             // AudioSource{}
             AudioSink{}
             Battery{}

modules/bar/widgets/NotificationButton.qml

@@ -0,0 +1,41 @@
+import QtQuick
+import Quickshell
+import Quickshell.Widgets
+import Quickshell.Io
+import "../../notification/notificationServer/"
+import "../../../config"
+
+MouseArea {
+    id: notificationButton
+    width: Math.max(bar.height, notificationText.width + Config.spacing)
+    height: bar.height
+    hoverEnabled: true
+    cursorShape: Qt.PointingHandCursor
+
+    onClicked: {
+        menuProc.running = true
+    }
+    
+    Rectangle {
+        anchors.fill: parent
+        color: "transparent"
+        radius: Config.radius_fun(notificationButton.height)
+
+        Text {
+            id: notificationText
+            anchors.centerIn: parent
+            text: Quickshell.iconPath("discord") 
+            // text: "󰂚"
+            font.pixelSize: Config.bigIconSize(notificationButton.height)
+            font.family: Config.font
+            color: Colors.secondaryContainer_fg
+        }
+
+        Image{
+            id: iconImage
+            source: Quickshell.iconPath("discord")
+            width: Config.bigIconSize(notificationButton.height)
+            height: Config.bigIconSize(notificationButton.height)
+        }
+    }
+}