overview: background layer clock and date visible in niri overview gaps

modules/Overview.qml

@@ -0,0 +1,51 @@
+import QtQuick
+import Quickshell
+import Quickshell.Wayland
+import "." as M
+
+PanelWindow {
+    id: root
+
+    required property var screen
+
+    color: "transparent"
+
+    WlrLayershell.layer: WlrLayer.Background
+    WlrLayershell.exclusiveZone: -1
+    WlrLayershell.namespace: "nova-overview"
+    mask: Region {}
+
+    anchors.top: true
+    anchors.left: true
+    anchors.right: true
+    anchors.bottom: true
+
+    SystemClock {
+        id: clock
+        precision: SystemClock.Minutes
+    }
+
+    Column {
+        anchors.centerIn: parent
+        spacing: 8
+
+        Text {
+            anchors.horizontalCenter: parent.horizontalCenter
+            text: Qt.formatDateTime(clock.date, "HH:mm")
+            color: M.Theme.base05
+            opacity: 0.7
+            font.pixelSize: 72
+            font.family: M.Theme.fontFamily
+            font.bold: true
+        }
+
+        Text {
+            anchors.horizontalCenter: parent.horizontalCenter
+            text: Qt.formatDateTime(clock.date, "dddd, dd MMMM yyyy")
+            color: M.Theme.base05
+            opacity: 0.5
+            font.pixelSize: 18
+            font.family: M.Theme.fontFamily
+        }
+    }
+}

modules/qmldir

@@ -33,3 +33,4 @@ IdleInhibitor 1.0 IdleInhibitor.qml
 Notifications 1.0 Notifications.qml
 Power 1.0 Power.qml
 Privacy 1.0 Privacy.qml
+Overview 1.0 Overview.qml

shell.qml

@@ -19,6 +19,10 @@ ShellRoot {
                 screen: scope.modelData
             }
 
+            Overview {
+                screen: scope.modelData
+            }
+
             ScreenCorners {
                 screen: scope.modelData
             }