Improve DevtoolsPage

Notably, port away from StackLayout, as it doesn't work well when the individual components have different heights

src/devtools/DevtoolsPage.qml

@@ -1,21 +1,24 @@
 // SPDX-FileCopyrightText: 2022 Tobias Fella <tobias.fella@kde.org>
 // SPDX-License-Identifier: GPL-2.0-or-later
 
+pragma ComponentBehavior: Bound
+
 import QtQuick
 import QtQuick.Controls as QQC2
 import QtQuick.Layouts
 
+import org.kde.kirigami as Kirigami
 import org.kde.kirigamiaddons.formcard as FormCard
 
 import org.kde.neochat
 
-FormCard.FormCardPage {
+Kirigami.ScrollablePage {
     id: root
 
     property NeoChatRoom room
     required property NeoChatConnection connection
 
-    title: i18n("Developer Tools")
+    title: i18nc("@title", "Developer Tools")
 
     leftPadding: 0
     rightPadding: 0
@@ -52,22 +55,45 @@ FormCard.FormCardPage {
         }
     }
 
-    StackLayout {
-        id: swipeView
-
-        currentIndex: tabBar.currentIndex
+    Loader {
+        sourceComponent: switch (tabBar.currentIndex) {
+            case 0: return debugOptions;
+            case 1: return roomData;
+            case 2: return serverData;
+            case 3: return accountData;
+            case 4: return featureFlags;
+        }
+    }
 
+    Component {
+        id: debugOptions
         DebugOptions {}
+    }
+
+    Component {
+        id: roomData
         RoomData {
             room: root.room
             connection: root.connection
         }
+    }
+
+    Component {
+        id: serverData
         ServerData {
             connection: root.connection
         }
+    }
+
+    Component {
+        id: accountData
         AccountData {
             connection: root.connection
         }
+    }
+
+    Component {
+        id: featureFlags
         FeatureFlagPage {}
     }
 }