initial addition of battery display

Modules/SysTray/Popouts/UPowerPopout.qml

@@ -1,7 +1,9 @@
 pragma ComponentBehavior: Bound
 
 import QtQuick
+import QtQuick.Layouts
 import Quickshell.Services.UPower
+import qs.Modules.SysTray.Common
 import qs.Config
 import qs.Helpers
 import qs.Components
@@ -21,6 +23,31 @@ Column {
 		}
 	}
 
+	Repeater {
+		model: [...Battery.logiDevices] // ...Battery.upowerDevices]
+
+		RowLayout {
+			id: layout
+
+			required property var modelData
+
+			anchors.left: parent.left
+			anchors.leftMargin: Appearance.padding.normal
+			anchors.right: parent.right
+			anchors.rightMargin: Appearance.padding.normal
+
+			CustomText {
+				Layout.fillWidth: true
+				text: layout.modelData.name
+			}
+
+			BatteryIcon {
+				devState: layout.modelData.state
+				percentage: layout.modelData.percentage
+			}
+		}
+	}
+
 	CustomText {
 		function formatSeconds(s: int, fallback: string): string {
 			const day = Math.floor(s / 86400);