qml: Introduce PageView control

Handles horizontal and vertical transitions

src/Makefile.qt.include

@@ -398,6 +398,7 @@ QML_RES_QML = \
   qml/controls/OptionButton.qml \
   qml/controls/OptionSwitch.qml \
   qml/controls/OutlineButton.qml \
+  qml/controls/PageView.qml \
   qml/controls/ProgressIndicator.qml \
   qml/controls/qmldir \
   qml/controls/Setting.qml \

src/qml/bitcoin_qml.qrc

@@ -38,6 +38,7 @@
         <file>controls/OptionButton.qml</file>
         <file>controls/OptionSwitch.qml</file>
         <file>controls/OutlineButton.qml</file>
+        <file>controls/PageView.qml</file>
         <file>controls/ProgressIndicator.qml</file>
         <file>controls/qmldir</file>
         <file>controls/Setting.qml</file>

src/qml/controls/PageView.qml

@@ -0,0 +1,51 @@
+// Copyright (c) 2024 The Bitcoin Core developers
+// Distributed under the MIT software license, see the accompanying
+// file COPYING or http://www.opensource.org/licenses/mit-license.php.
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+StackView {
+    property bool vertical: false
+
+    pushEnter: Transition {
+        NumberAnimation {
+            property: vertical ? "y" : "x"
+            from: vertical ? parent.height : parent.width
+            to: 0
+            duration: 400
+            easing.type: Easing.Bezier
+            easing.bezierCurve: [0.5, 0.0, 0.2, 1.0]
+        }
+    }
+    pushExit: Transition {
+        NumberAnimation {
+            property: vertical ? "y" : "x"
+            from: 0
+            to: vertical ? -parent.height : -parent.width
+            duration: 400
+            easing.type: Easing.Bezier
+            easing.bezierCurve: [0.5, 0.0, 0.2, 1.0]
+        }
+    }
+    popEnter: Transition {
+        NumberAnimation {
+            property: vertical ? "y" : "x"
+            from: vertical ? -parent.height : -parent.width
+            to: 0
+            duration: 400
+            easing.type: Easing.Bezier
+            easing.bezierCurve: [0.5, 0.0, 0.2, 1.0]
+        }
+    }
+    popExit: Transition {
+        NumberAnimation {
+            property: vertical ? "y" : "x"
+            from: 0
+            to: vertical ? parent.height : parent.width
+            duration: 400
+            easing.type: Easing.Bezier
+            easing.bezierCurve: [0.5, 0.0, 0.2, 1.0]
+        }
+    }
+}