splitted the code base into more components and implemented safety measures to Crypto.qml, also added missing themes and removed hardcoded values

bar/modules/Network.qml

@@ -163,36 +163,18 @@ ModuleChip {
                 root.wifiDevice.scannerEnabled = true
         }
 
-            Rectangle {
-                id: card
-                width:  parent.width
+            PopupCard {
+                popupOpen: netPopup.popupOpen
+                isTop: root.isTop
+                animEnabled: netPopup.visible
                 height: cardBody.implicitHeight + 24
 
-                anchors.top:    root.isTop ? parent.top    : undefined
-                anchors.bottom: root.isTop ? undefined     : parent.bottom
-
-                transform: Translate {
-                    y: netPopup.popupOpen ? 0 : (root.isTop ? -card.height : card.height)
-                    Behavior on y {
-                        NumberAnimation {
-                            duration:    Cfg.Config.popupAnimDuration
-                            easing.type: Easing.OutExpo
-                        }
-                        enabled: netPopup.visible
-                    }
-                }
-
-                opacity: netPopup.popupOpen ? 1.0 : 0.0
-                Behavior on opacity { NumberAnimation { duration: 200 } }
-
                 color:         root.t.netPopupBg
                 radius:        Cfg.Config.popupRadius
                 border.color:  root.t.netPopupBorder
                 border.width:  Cfg.Config.popupBorderWidth
                 layer.enabled: true
 
-                MouseArea { anchors.fill: parent; propagateComposedEvents: false }
-
                 ColumnLayout {
                     id: cardBody
                     anchors {