make urgen notifs have cookie shape

.config/quickshell/ii/modules/common/widgets/NotificationAppIcon.qml

@@ -6,25 +6,25 @@ import Quickshell
 import Quickshell.Widgets
 import Quickshell.Services.Notifications
 
-Rectangle { // App icon
+MaterialCookie { // App icon
     id: root
     property var appIcon: ""
     property var summary: ""
     property var urgency: NotificationUrgency.Normal
+    property bool isUrgent: urgency === NotificationUrgency.Critical
     property var image: ""
-    property real scale: 1
-    property real size: 38 * scale
     property real materialIconScale: 0.57
     property real appIconScale: 0.8
     property real smallAppIconScale: 0.49
-    property real materialIconSize: size * materialIconScale
-    property real appIconSize: size * appIconScale
-    property real smallAppIconSize: size * smallAppIconScale
+    property real materialIconSize: implicitSize * materialIconScale
+    property real appIconSize: implicitSize * appIconScale
+    property real smallAppIconSize: implicitSize * smallAppIconScale
 
-    implicitWidth: size
-    implicitHeight: size
-    radius: Appearance.rounding.full
-    color: Appearance.colors.colSecondaryContainer
+    implicitSize: 38 * scale
+    sides: isUrgent ? 12 : 0
+    amplitude: implicitSize / 30
+
+    color: isUrgent ? Appearance.colors.colPrimary : Appearance.colors.colSecondaryContainer
     Loader {
         id: materialSymbolLoader
         active: root.appIcon == ""
@@ -37,9 +37,7 @@ Rectangle { // App icon
                     "release_alert" : guessedIcon
             }
             anchors.fill: parent
-            color: (root.urgency == NotificationUrgency.Critical) ? 
-                ColorUtils.mix(Appearance.m3colors.m3onSecondary, Appearance.m3colors.m3onSecondaryContainer, 0.1) :
-                Appearance.m3colors.m3onSecondaryContainer
+            color: isUrgent ? Appearance.colors.colOnPrimary : Appearance.colors.colOnSecondaryContainer
             iconSize: root.materialIconSize
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter

.config/quickshell/ii/modules/common/widgets/NotificationGroup.qml

@@ -6,6 +6,7 @@ import "./notification_utils.js" as NotificationUtils
 import QtQuick
 import QtQuick.Layouts
 import Quickshell
+import Quickshell.Services.Notifications
 
 /**
  * A group of notifications from the same app.
@@ -154,6 +155,8 @@ MouseArea { // Notification group area
                 image: root?.multipleNotifications ? "" : notificationGroup?.notifications[0]?.image ?? ""
                 appIcon: notificationGroup?.appIcon
                 summary: notificationGroup?.notifications[root.notificationCount - 1]?.summary
+                urgency: root.notifications.some(n => n.urgency === NotificationUrgency.Critical.toString()) ? 
+                    NotificationUrgency.Critical : NotificationUrgency.Normal
             }
 
             ColumnLayout { // Content