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

launcher/Launcher.qml

@@ -7,6 +7,7 @@ import Quickshell.Io
 import Quickshell.Hyprland
 
 import "../config" as Cfg
+import "../components"
 
 PanelWindow {
     id: root
@@ -154,9 +155,8 @@ PanelWindow {
 
     Item { id: fullMask; anchors.fill: parent }
 
-    Timer {
+    PopupHideTimer {
         id: closeTimer
-        interval: Cfg.Config.popupAnimDuration + 70
         onTriggered: {
             root.visible  = false
             root.mode     = "drun"
@@ -209,9 +209,11 @@ PanelWindow {
 
         clip: true 
 
-        Rectangle {
+        PopupCard {
             id: bubble
-            width: parent.width
+            popupOpen: root._isOpen
+            isTop: root.isTop
+            animEnabled: root.visible
             property int targetHeight: Math.min(layout.implicitHeight + 28, 540)
             height: targetHeight
             Behavior on height {
@@ -219,24 +221,6 @@ PanelWindow {
                 NumberAnimation { duration: 154; easing.type: Easing.OutCubic }
             }
 
-            anchors.top:    root.isTop ? parent.top    : undefined
-            anchors.bottom: root.isTop ? undefined     : parent.bottom
-
-            transform: Translate {
-                y: root._isOpen ? 0 : (root.isTop ? -bubble.height : bubble.height)
-                
-                Behavior on y {
-                    NumberAnimation { 
-                        duration: Cfg.Config.popupAnimDuration; 
-                        easing.type: Easing.OutExpo 
-                    }
-                    enabled: root.visible
-                }
-            }
-
-            opacity: root._isOpen ? 1 : 0
-            Behavior on opacity { NumberAnimation { duration: 200 } }
-
             radius:       Cfg.Config.popupRadius
             color:        t.launcherBg
             border.color: t.launcherBorder