dcontent: add audio placeholder

Also clip panes

modules/detachedcontent/NavRail.qml

@@ -91,6 +91,11 @@ Item {
             icon: "settings_bluetooth"
             label: "bluetooth"
         }
+
+        NavItem {
+            icon: "tune"
+            label: "audio"
+        }
     }
 
     component NavItem: Item {

modules/detachedcontent/Panes.qml

@@ -43,6 +43,19 @@ ClippingRectangle {
             }
         }
 
+        Pane {
+            index: 2
+            sourceComponent: Item {
+                StyledText {
+                    anchors.centerIn: parent
+                    text: qsTr("Work in progress")
+                    color: Colours.palette.m3outline
+                    font.pointSize: Appearance.font.size.extraLarge
+                    font.weight: 500
+                }
+            }
+        }
+
         Behavior on y {
             NumberAnimation {
                 duration: Appearance.anim.durations.normal
@@ -69,6 +82,7 @@ ClippingRectangle {
             id: loader
 
             anchors.fill: parent
+            clip: true
             asynchronous: true
             active: {
                 if (root.session.activeIndex === pane.index)

modules/detachedcontent/Session.qml

@@ -2,7 +2,7 @@ import Quickshell.Bluetooth
 import QtQuick
 
 QtObject {
-    readonly property list<string> panes: ["network", "bluetooth"]
+    readonly property list<string> panes: ["network", "bluetooth", "audio"]
 
     property string active
     property int activeIndex