qml: Introduce PageStack control

Introduces a custom PageStack control that is a StackView adapted for
our use in terms of the custom animations we demand, and the ability
to switch between vertical and horizontal push() and pop().

This can later be further extended for our use cases.

Author: jarolrod

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/PageStack.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/PageStack.qml</file>
         <file>controls/ProgressIndicator.qml</file>
         <file>controls/qmldir</file>
         <file>controls/Setting.qml</file>

src/qml/controls/PageStack.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]
+        }
+    }
+}