port new components to greeter

Modules/Notifications/Notification.qml

@@ -307,12 +307,12 @@ CustomRect {
 				implicitWidth: expandIcon.height
 
 				StateLayer {
-					function onClicked() {
-						root.expanded = !root.expanded;
-					}
-
 					color: root.modelData.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3onSecondaryContainer : DynamicColors.palette.m3onSurface
 					radius: Appearance.rounding.full
+
+					onClicked: {
+						root.expanded = !root.expanded;
+					}
 				}
 
 				MaterialIcon {
@@ -434,12 +434,12 @@ CustomRect {
 		radius: Appearance.rounding.full
 
 		StateLayer {
-			function onClicked(): void {
-				action.modelData.invoke();
-			}
-
 			color: root.modelData.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3onSecondary : DynamicColors.palette.m3onSurface
 			radius: Appearance.rounding.full
+
+			onClicked: {
+				action.modelData.invoke();
+			}
 		}
 
 		CustomText {

Modules/Notifications/Sidebar/NotifActionList.qml

@@ -78,7 +78,7 @@ Item {
 					StateLayer {
 						id: actionStateLayer
 
-						function onClicked(): void {
+						onClicked: {
 							if (action.modelData.isClose) {
 								root.notif.close();
 							} else if (action.modelData.isCopy) {

Modules/Notifications/Sidebar/NotifGroup.qml

@@ -171,11 +171,11 @@ CustomRect {
 					radius: Appearance.rounding.full
 
 					StateLayer {
-						function onClicked(): void {
+						color: root.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3onError : DynamicColors.palette.m3onSurface
+
+						onClicked: {
 							root.toggleExpand(!root.expanded);
 						}
-
-						color: root.urgency === NotificationUrgency.Critical ? DynamicColors.palette.m3onError : DynamicColors.palette.m3onSurface
 					}
 
 					RowLayout {