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

bar/modules/Tray.qml

@@ -6,6 +6,7 @@ import Quickshell.Services.SystemTray
 import Quickshell.Widgets
 
 import "../../config" as Cfg
+import "../../components"
 
 Item {
     id: root
@@ -217,9 +218,8 @@ Item {
             }
         }
 
-        Timer {
+        PopupHideTimer {
             id: hideTimer
-            interval: Cfg.Config.popupAnimDuration + 70
             onTriggered: {
                 trayMenuPopup.visible = false
                 rootMenuOpener.menu = null
@@ -389,29 +389,13 @@ Item {
             anchors.bottomMargin: root.isTop ? 0 : (Cfg.Config.barHeight + 8)
             height: parent.height - Cfg.Config.barHeight - 8
 
-            Rectangle {
+            PopupCard {
                 id: menuCard
-                width: parent.width
+                popupOpen: trayMenuPopup.popupOpen
+                isTop: root.isTop
+                animEnabled: true
                 height: menuCol.height + 12
 
-
-                anchors.top:    root.isTop ? parent.top    : undefined
-                anchors.bottom: root.isTop ? undefined     : parent.bottom
-
-                transform: Translate {
-                    y: trayMenuPopup.popupOpen ? 0
-                        : (root.isTop ? -menuCard.height : menuCard.height)
-                    Behavior on y {
-                        NumberAnimation {
-                            duration: Cfg.Config.popupAnimDuration
-                            easing.type: Easing.OutExpo
-                        }
-                    }
-                }
-
-                opacity: trayMenuPopup.popupOpen ? 1 : 0
-                Behavior on opacity { NumberAnimation { duration: 200 } }
-
                 color: root.tmBg
                 radius: Cfg.Config.popupRadius
                 border.color: root.tmBorder