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

components/PopupCard.qml

@@ -0,0 +1,43 @@
+import QtQuick
+import "../config" as Cfg
+
+Rectangle {
+    id: card
+
+    required property bool popupOpen
+    required property bool isTop
+    property bool animEnabled: true
+
+    width: parent.width
+
+    anchors.top: isTop ? parent.top : undefined
+    anchors.bottom: isTop ? undefined : parent.bottom
+
+    transform: Translate {
+        y: popupOpen ? 0 : (isTop ? -card.height : card.height)
+        Behavior on y {
+            NumberAnimation {
+                duration: Cfg.Config.popupAnimDuration
+                easing.type: Easing.OutExpo
+            }
+            enabled: animEnabled
+        }
+    }
+
+    opacity: popupOpen ? 1.0 : 0.0
+    Behavior on opacity { NumberAnimation { duration: 200 } }
+
+    default property alias _popupCardContent: _content.data
+
+    Item {
+        id: _content
+        anchors.fill: parent
+        z: 2
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        propagateComposedEvents: false
+        z: 1
+    }
+}