extract Separator component from applet divider rectangles

shell/applets/BatteryApplet.qml

@@ -201,13 +201,7 @@ Column {
         }
     }
 
-    // Separator
+    Separator {}
-    Rectangle {
-        width: parent.width - 16
-        height: 1
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: S.Theme.base03
-    }
 
     // Rate row
     InfoRow {

shell/applets/CpuApplet.qml

@@ -149,13 +149,7 @@ Column {
         }
     }
 
-    // Process list separator
+    Separator {}
-    Rectangle {
-        width: root.width - 16
-        height: 1
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: S.Theme.base03
-    }
 
     Item {
         width: root.width

shell/applets/GpuApplet.qml

@@ -113,12 +113,7 @@ Column {
     }
 
     // VRAM section
-    Rectangle {
+    Separator {}
-        width: parent.width - 16
-        height: 1
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: S.Theme.base03
-    }
 
     Item {
         width: parent.width

shell/applets/MemoryApplet.qml

@@ -115,13 +115,7 @@ Column {
     InfoRow { label: "Available"; value: root._fmt(root.availGb) }
     InfoRow { label: "Total"; value: root._fmt(root.totalGb) }
 
-    // Process list separator
+    Separator {}
-    Rectangle {
-        width: root.width - 16
-        height: 1
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: S.Theme.base03
-    }
 
     Item {
         width: root.width

shell/applets/Separator.qml

@@ -0,0 +1,9 @@
+import QtQuick
+import "../services" as S
+
+Rectangle {
+    width: (parent?.width ?? 16) - 16
+    height: 1
+    anchors.horizontalCenter: parent?.horizontalCenter
+    color: S.Theme.base03
+}

shell/applets/TemperatureApplet.qml

@@ -200,11 +200,7 @@ Column {
     }
 
     // Per-device breakdown
-    Rectangle {
+    Separator {
-        width: root.width - 16
-        height: 1
-        anchors.horizontalCenter: parent.horizontalCenter
-        color: S.Theme.base03
         visible: root.devices.length > 0
     }
 

shell/applets/VolumeApplet.qml

@@ -105,12 +105,7 @@ Column {
             visible: root.sinkList.length > 1
             width: parent.width
 
-            Rectangle {
+            Separator {}
-                width: parent.width - 16
-                height: 1
-                anchors.horizontalCenter: parent.horizontalCenter
-                color: S.Theme.base03
-            }
 
             Text {
                 width: parent.width
@@ -169,12 +164,8 @@ Column {
         }
 
         // Streams section
-        Rectangle {
+        Separator {
             visible: root.streamList.length > 0
-            width: parent.width - 16
-            height: visible ? 1 : 0
-            anchors.horizontalCenter: parent.horizontalCenter
-            color: S.Theme.base03
         }
 
         Text {

shell/applets/qmldir

@@ -11,6 +11,7 @@ InfoRow 1.0 InfoRow.qml
 MemoryApplet 1.0 MemoryApplet.qml
 MprisApplet 1.0 MprisApplet.qml
 NetworkApplet 1.0 NetworkApplet.qml
+Separator 1.0 Separator.qml
 NotifApplet 1.0 NotifApplet.qml
 TemperatureApplet 1.0 TemperatureApplet.qml
 VolumeApplet 1.0 VolumeApplet.qml