refactor: perf improvement stopping singletons with ref

Also switch to scale+opacity anims with custom curve

Modules/TopBar/BatteryPopout.qml

@@ -48,33 +48,58 @@ PanelWindow {
     // Click outside to dismiss overlay
     MouseArea {
         anchors.fill: parent
-        onClicked: {
-            batteryPopupVisible = false;
+        onClicked: function(mouse) {
+            // Only close if click is outside the content loader
+            var localPos = mapToItem(contentLoader, mouse.x, mouse.y);
+            if (localPos.x < 0 || localPos.x > contentLoader.width || 
+                localPos.y < 0 || localPos.y > contentLoader.height) {
+                batteryPopupVisible = false;
+            }
         }
     }
 
-    Rectangle {
+    Loader {
+        id: contentLoader
+        asynchronous: true
+        active: batteryPopupVisible
+        
         readonly property real targetWidth: Math.min(380, Screen.width - Theme.spacingL * 2)
         readonly property real targetHeight: Math.min(450, Screen.height - Theme.barHeight - Theme.spacingS * 2)
         width: targetWidth
         height: targetHeight
-        property real normalX: Math.max(Theme.spacingL, Screen.width - targetWidth - Theme.spacingL)
-        x: batteryPopupVisible ? normalX : normalX + Anims.slidePx
+        x: Math.max(Theme.spacingL, Screen.width - targetWidth - Theme.spacingL)
         y: Theme.barHeight + Theme.spacingS
-        color: Theme.popupBackground()
-        radius: Theme.cornerRadiusLarge
-        border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
-        border.width: 1
+        
+        // GPU-accelerated scale + opacity animation
         opacity: batteryPopupVisible ? 1 : 0
-
-        // Prevent click-through to background
-        MouseArea {
-            // Consume the click to prevent it from reaching the background
-
-            anchors.fill: parent
-            onClicked: {
+        scale: batteryPopupVisible ? 1 : 0.9
+        
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Anims.durMed
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Anims.emphasized
             }
         }
+        
+        Behavior on scale {
+            NumberAnimation {
+                duration: Anims.durMed
+                easing.type: Easing.BezierSpline
+                easing.bezierCurve: Anims.emphasized
+            }
+        }
+        
+        sourceComponent: Rectangle {
+            color: Theme.popupBackground()
+            radius: Theme.cornerRadiusLarge
+            border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
+            border.width: 1
+            
+            // Remove layer rendering for better performance
+            antialiasing: true
+            smooth: true
+
 
         ScrollView {
             anchors.fill: parent
@@ -461,20 +486,8 @@ PanelWindow {
 
         }
 
-        Behavior on opacity {
-            NumberAnimation {
-                duration: Anims.durShort
-                easing.type: Easing.OutCubic
-            }
-        }
 
-        Behavior on x {
-            NumberAnimation {
-                duration: Anims.durMed
-                easing.type: Easing.OutCubic
-            }
         }
-
     }
 
 

Modules/TopBar/TopBar.qml

@@ -162,7 +162,7 @@ PanelWindow {
 
             Media {
                 anchors.verticalCenter: parent.verticalCenter
-                anchors.right: clockWidget.left
+                anchors.right: clock.left
                 anchors.rightMargin: Theme.spacingS
                 visible: Prefs.showMusic && MprisController.activePlayer
                 onClicked: {

Modules/TopBar/Weather.qml

@@ -13,6 +13,10 @@ Rectangle {
     height: 30
     radius: Theme.cornerRadius
     color: weatherArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.08)
+    
+    Ref {
+        service: WeatherService
+    }
 
     Row {
         id: weatherRow