notifications: add configurable durations for do not disturb

fixes #1481

quickshell/Modules/Notifications/Center/DndDurationPopup.qml

@@ -0,0 +1,88 @@
+import QtQuick
+import Quickshell
+import Quickshell.Wayland
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+PanelWindow {
+    id: root
+
+    WindowBlur {
+        targetWindow: root
+        blurX: menu.x
+        blurY: menu.y
+        blurWidth: root.visible ? menu.width : 0
+        blurHeight: root.visible ? menu.height : 0
+        blurRadius: Theme.cornerRadius
+    }
+
+    WlrLayershell.namespace: "dms:dnd-duration-menu"
+    WlrLayershell.layer: WlrLayershell.Overlay
+    WlrLayershell.exclusiveZone: -1
+    WlrLayershell.keyboardFocus: WlrKeyboardFocus.None
+    color: "transparent"
+
+    anchors {
+        top: true
+        left: true
+        right: true
+        bottom: true
+    }
+
+    property point anchorPos: Qt.point(0, 0)
+    property string anchorEdge: "top"
+    visible: false
+
+    function showAt(x, y, targetScreen, edge) {
+        if (targetScreen)
+            root.screen = targetScreen;
+        anchorPos = Qt.point(x, y);
+        anchorEdge = edge || "top";
+        visible = true;
+    }
+
+    function closeMenu() {
+        visible = false;
+    }
+
+    Connections {
+        target: PopoutManager
+        function onPopoutOpening() {
+            root.closeMenu();
+        }
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        z: 0
+        acceptedButtons: Qt.LeftButton | Qt.RightButton | Qt.MiddleButton
+        onClicked: root.closeMenu()
+    }
+
+    DndDurationMenu {
+        id: menu
+        z: 1
+        visible: root.visible
+
+        x: {
+            const left = 10;
+            const right = root.width - width - 10;
+            const want = root.anchorPos.x - width / 2;
+            return Math.max(left, Math.min(right, want));
+        }
+        y: {
+            switch (root.anchorEdge) {
+            case "bottom":
+                return Math.max(10, root.anchorPos.y - height);
+            case "left":
+            case "right":
+                return Math.max(10, Math.min(root.height - height - 10, root.anchorPos.y - height / 2));
+            default:
+                return Math.min(root.height - height - 10, root.anchorPos.y);
+            }
+        }
+
+        onDismissed: root.closeMenu()
+    }
+}