Improve hover behaviour, make font configurable, adjust overview

TopBar.qml

@@ -8,6 +8,7 @@ import QtQuick.Effects
 import QtQuick.Shapes
 import "." as Shell
 import "./Panes" as Panes
+import "./config.mjs" as Config
 
 PanelWindow {
     id: root
@@ -16,7 +17,6 @@ PanelWindow {
         left: true
         right: true
     }
-    property var font: {family: "0xProto Nerd Font"}
     
     implicitHeight: 400
     WlrLayershell.keyboardFocus: (up && !background.exit.running && !shortcut.pressed && background.index <= 1) ? WlrKeyboardFocus.Exclusive : WlrKeyboardFocus.None
@@ -24,6 +24,7 @@ PanelWindow {
     exclusionMode: ExclusionMode.Ignore
     color: "transparent"
     visible: false
+    readonly property string font: 'Rubik'
     property bool up: false
 
     IpcHandler {
@@ -87,7 +88,7 @@ PanelWindow {
                 easing.type: Easing.OutQuint
             }
         }
-        DefaultTransition on width { }
+        DefaultTransition on width { id: transition }
         DefaultTransition on height { }
         property int index: 0
         onIndexChanged: {
@@ -192,7 +193,10 @@ PanelWindow {
         }
         HoverHandler {
             id: hover
-            onHoveredChanged: { if (!hovered && background.index === 0) root.close() }
+            onHoveredChanged: {
+                if (!hovered && (background.index === 1 || !transition.animation?.running))
+                    root.close() 
+            }
         }
     }
 }