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

bar/modules/Volume.qml

@@ -165,36 +165,17 @@ ModuleChip {
         chipRoot: root
         cardWidth: Cfg.Config.volumePopupWidth
 
-            Rectangle {
-                id: volCard
-                width:  parent.width
+            PopupCard {
+                popupOpen: volumePopup.popupOpen
+                isTop: root.isTop
+                animEnabled: volumePopup.visible
                 height: popupCol.implicitHeight + 32
 
-                anchors.top:    root.isTop ? parent.top    : undefined
-                anchors.bottom: root.isTop ? undefined     : parent.bottom
-
-                transform: Translate {
-                    y: volumePopup.popupOpen ? 0 : (root.isTop ? -volCard.height : volCard.height)
-                    
-                    Behavior on y { 
-                        NumberAnimation { 
-                            duration: Cfg.Config.popupAnimDuration; 
-                            easing.type: Easing.OutExpo 
-                        }
-                        enabled: volumePopup.visible
-                    }
-                }
-
-                opacity: volumePopup.popupOpen ? 1.0 : 0.0
-                Behavior on opacity { NumberAnimation { duration: 200 } }
-
                 radius: Cfg.Config.popupRadius
                 color:  root.t.volPopupBg
                 border.color: root.t.volPopupBorder
                 border.width: Cfg.Config.popupBorderWidth
 
-                MouseArea { anchors.fill: parent; propagateComposedEvents: false }
-
                 ColumnLayout {
                     id: popupCol
                     anchors { left: parent.left; right: parent.right; top: parent.top }