modals: apply same pattern of multi-window

- fixes excessive repaints
fixes #716

quickshell/Modals/NetworkInfoModal.qml

@@ -1,5 +1,4 @@
 import QtQuick
-import QtQuick.Controls
 import qs.Common
 import qs.Modals.Common
 import qs.Services
@@ -10,34 +9,36 @@ DankModal {
 
     layerNamespace: "dms:network-info"
 
+    keepPopoutsOpen: true
+
     property bool networkInfoModalVisible: false
     property string networkSSID: ""
     property var networkData: null
 
     function showNetworkInfo(ssid, data) {
-        networkSSID = ssid
-        networkData = data
-        networkInfoModalVisible = true
-        open()
-        NetworkService.fetchNetworkInfo(ssid)
+        networkSSID = ssid;
+        networkData = data;
+        networkInfoModalVisible = true;
+        open();
+        NetworkService.fetchNetworkInfo(ssid);
     }
 
     function hideDialog() {
-        networkInfoModalVisible = false
-        close()
-        networkSSID = ""
-        networkData = null
+        networkInfoModalVisible = false;
+        close();
+        networkSSID = "";
+        networkData = null;
     }
 
     visible: networkInfoModalVisible
-    width: 600
-    height: 500
+    modalWidth: 600
+    modalHeight: 500
     enableShadow: true
     onBackgroundClicked: hideDialog()
     onVisibleChanged: {
         if (!visible) {
-            networkSSID = ""
-            networkData = null
+            networkSSID = "";
+            networkData = null;
         }
     }
 
@@ -71,7 +72,6 @@ DankModal {
                             width: parent.width
                             elide: Text.ElideRight
                         }
-
                     }
 
                     DankActionButton {
@@ -80,7 +80,6 @@ DankModal {
                         iconColor: Theme.surfaceText
                         onClicked: root.hideDialog()
                     }
-
                 }
 
                 Rectangle {
@@ -109,7 +108,6 @@ DankModal {
                             wrapMode: Text.WordWrap
                         }
                     }
-
                 }
 
                 Item {
@@ -148,17 +146,10 @@ DankModal {
                                 duration: Theme.shortDuration
                                 easing.type: Theme.standardEasing
                             }
-
                         }
-
                     }
-
                 }
-
             }
-
         }
-
     }
-
 }