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

bar/modules/Notifications.qml

@@ -529,9 +529,8 @@ ModuleChip {
         function open()  { hideTimer.stop(); visible = true; popupOpen = true }
         function close() { popupOpen = false; hideTimer.restart() }
 
-        Timer {
+        PopupHideTimer {
             id: hideTimer
-            interval: Cfg.Config.popupAnimDuration + 70
             onTriggered: historyPopup.visible = false
         }
 
@@ -566,36 +565,18 @@ ModuleChip {
 
             clip: true
 
-            Rectangle {
+            PopupCard {
                 id: historyCard
-                width:  parent.width
+                popupOpen: historyPopup.popupOpen
+                isTop: root.isTop
+                animEnabled: historyPopup.visible
                 height: Math.min(histHeader.implicitHeight + 56 + (notifHistory.count > 0 ? histCol.implicitHeight : 90), 520)
 
-                anchors.top:    root.isTop ? parent.top    : undefined
-                anchors.bottom: root.isTop ? undefined     : parent.bottom
-
-                transform: Translate {
-                    y: historyPopup.popupOpen ? 0 : (root.isTop ? -historyCard.height : historyCard.height)
-
-                    Behavior on y {
-                        NumberAnimation {
-                            duration: Cfg.Config.popupAnimDuration;
-                            easing.type: Easing.OutExpo
-                        }
-                        enabled: historyPopup.visible
-                    }
-                }
-
-                opacity: historyPopup.popupOpen ? 1.0 : 0.0
-                Behavior on opacity { NumberAnimation { duration: 200 } }
-
                 color:        t.notifHistoryBg
                 radius:       Cfg.Config.popupRadius
                 border.color: t.notifHistoryBorder
                 border.width: Cfg.Config.popupBorderWidth
 
-                MouseArea { anchors.fill: parent; propagateComposedEvents: false }
-
                 RowLayout {
                     id: histHeader
                     anchors { left: parent.left; right: parent.right; top: parent.top }