make notifs and page placeholder use new material shapes

dots/.config/quickshell/ii/modules/common/widgets/MaterialShapeWrappedMaterialSymbol.qml

@@ -2,7 +2,7 @@ import QtQuick
 import qs.modules.common
 import qs.modules.common.widgets
 
-MaterialCookie {
+MaterialShape {
     id: root
     property alias text: symbol.text
     property alias iconSize: symbol.iconSize
@@ -13,7 +13,7 @@ MaterialCookie {
     color: Appearance.colors.colSecondaryContainer
     colSymbol: Appearance.colors.colOnSecondaryContainer
 
-    sides: 5
+    shape: MaterialShape.Shape.Clover4Leaf
 
     implicitSize: Math.max(symbol.implicitWidth, symbol.implicitHeight) + padding * 2
 

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

@@ -6,7 +6,7 @@ import Quickshell
 import Quickshell.Widgets
 import Quickshell.Services.Notifications
 
-MaterialCookie { // App icon
+MaterialShape { // App icon
     id: root
     property var appIcon: ""
     property var summary: ""
@@ -21,8 +21,11 @@ MaterialCookie { // App icon
     property real smallAppIconSize: implicitSize * smallAppIconScale
 
     implicitSize: 38 * scale
-    sides: isUrgent ? 10 : 0
-    amplitude: implicitSize / 24
+    property list<var> urgentShapes: [
+        MaterialShape.Shape.VerySunny,
+        MaterialShape.Shape.SoftBurst,
+    ]
+    shape: isUrgent ? urgentShapes[Math.floor(Math.random() * urgentShapes.length)] : MaterialShape.Shape.Circle
 
     color: isUrgent ? Appearance.colors.colPrimary : Appearance.colors.colSecondaryContainer
     Loader {