qml: add CaretRightButton component

This encapsulates a commonly used button into a reusable component.

Author: jarolrod

src/Makefile.qt.include

@@ -330,6 +330,7 @@ QML_RES_QML = \
   qml/components/AboutOptions.qml \
   qml/components/BlockClock.qml \
   qml/components/BlockCounter.qml \
+  qml/components/CaretRightButton.qml \
   qml/components/ConnectionOptions.qml \
   qml/components/ConnectionSettings.qml \
   qml/components/DeveloperOptions.qml \

src/qml/bitcoin_qml.qrc

@@ -3,6 +3,7 @@
         <file>components/AboutOptions.qml</file>
         <file>components/BlockClock.qml</file>
         <file>components/BlockCounter.qml</file>
+        <file>components/CaretRightButton.qml</file>
         <file>components/ConnectionOptions.qml</file>
         <file>components/ConnectionSettings.qml</file>
         <file>components/DeveloperOptions.qml</file>

src/qml/components/CaretRightButton.qml

@@ -0,0 +1,20 @@
+// Copyright (c) 2023 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
+
+Button {
+    id: root
+    required property color stateColor
+    icon.source: "image://images/caret-right"
+    icon.color: root.stateColor
+    icon.height: 18
+    icon.width: 18
+    background: null
+
+    Behavior on icon.color {
+        ColorAnimation { duration: 150 }
+    }
+}