Fix 1px left and bottom border on mobile

In mobile mode, when the drawer is hidden, for some reason a 1px grey
border is drawn on the left of the application window. Change it to a
loader to avoid needlessly having it loaded, and remove the grey border.

There's also a 1 px window border on the bottom due to the navbar
thinking it's a header. Manually specify that it's in the footer.

src/qml/Main.qml

@@ -141,10 +141,12 @@ Kirigami.ApplicationWindow {
 
     property bool showGlobalDrawer: !isMobile || kastsMainWindow.isWidescreen
 
-    globalDrawer: showGlobalDrawer ? myGlobalDrawer : null
-
-    property Kirigami.OverlayDrawer myGlobalDrawer: KastsGlobalDrawer {
+    globalDrawer: globalDrawerLoader.item
 
+    Loader {
+        id: globalDrawerLoader
+        active: kastsMainWindow.showGlobalDrawer
+        sourceComponent: KastsGlobalDrawer {}
     }
 
     // Implement slots for MPRIS2 signals
@@ -210,7 +212,6 @@ Kirigami.ApplicationWindow {
         height: visible ? implicitHeight : 0
         active: isMobile && !kastsMainWindow.isWidescreen
         sourceComponent: BottomToolbar {
-            transparentBackground: footerLoader.active
             opacity: (!footerLoader.item || footerLoader.item.contentY === 0) ? 1 : 0
             Behavior on opacity {
                 NumberAnimation { duration: Kirigami.Units.shortDuration }

src/qml/Mobile/BottomToolbar.qml

@@ -13,9 +13,9 @@ import org.kde.kasts
 
 Kirigami.NavigationTabBar {
     id: navBar
+    position: ToolBar.Footer
 
     property alias toolbarHeight: navBar.implicitHeight
-    property bool transparentBackground: false
 
     actions: [
         Kirigami.Action {