Improve hover behaviour, make font configurable, adjust overview

TopBar.qml

@@ -16,7 +16,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 +23,7 @@ PanelWindow {
     exclusionMode: ExclusionMode.Ignore
     color: "transparent"
     visible: false
+    readonly property string font: 'Rubik'
     property bool up: false
 
     IpcHandler {
@@ -87,7 +87,7 @@ PanelWindow {
                 easing.type: Easing.OutQuint
             }
         }
-        DefaultTransition on width { }
+        DefaultTransition on width { id: transition }
         DefaultTransition on height { }
         property int index: 0
         onIndexChanged: {
@@ -192,7 +192,10 @@ PanelWindow {
         }
         HoverHandler {
             id: hover
-            onHoveredChanged: { if (!hovered && background.index === 0) root.close() }
+            onHoveredChanged: {
+                if (!hovered && (background.index === 1 || !transition.animation?.running))
+                    root.close() 
+            }
         }
     }
 }