qml: Introduce LabeledTextInput control

This control is primarily used in wallet forms where the user
is expected to input values for sending or receiving transactions.
It contains a Label describing the input as well as a TextInput
where the actual string is entered. A Icon is also available on
the right side of the component for extra actions.

Author: johnny9

src/Makefile.qt.include

@@ -390,6 +390,7 @@ QML_RES_QML = \
   qml/controls/InformationPage.qml \
   qml/controls/IPAddressValueInput.qml \
   qml/controls/KeyValueRow.qml \
+  qml/controls/LabeledTextInput.qml \
   qml/controls/NavButton.qml \
   qml/controls/PageIndicator.qml \
   qml/controls/NavigationBar.qml \

src/qml/bitcoin_qml.qrc

@@ -23,6 +23,7 @@
         <file>controls/ContinueButton.qml</file>
         <file>controls/CoreText.qml</file>
         <file>controls/CoreTextField.qml</file>
+        <file>controls/LabeledTextInput.qml</file>
         <file>controls/ExternalLink.qml</file>
         <file>controls/FocusBorder.qml</file>
         <file>controls/Header.qml</file>

src/qml/controls/LabeledTextInput.qml

@@ -0,0 +1,60 @@
+// 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
+import QtQuick.Layouts 1.15
+
+Item {
+    property alias labelText: label.text
+    property alias text: input.text
+    property alias placeholderText: input.placeholderText
+    property alias iconSource: icon.source
+    property alias customIcon: iconContainer.data
+    property alias enabled: input.enabled
+
+    signal iconClicked
+    signal textEdited
+
+    id: root
+    implicitHeight: label.height + input.height
+
+    CoreText {
+        id: label
+        anchors.left: parent.left
+        anchors.top: parent.top
+        color: Theme.color.neutral7
+        font.pixelSize: 15
+    }
+
+    TextField {
+        id: input
+        anchors.left: parent.left
+        anchors.right: iconContainer.left
+        anchors.bottom: parent.bottom
+        leftPadding: 0
+        font.family: "Inter"
+        font.styleName: "Regular"
+        font.pixelSize: 18
+        color: Theme.color.neutral9
+        placeholderTextColor: Theme.color.neutral7
+        background: Item {}
+        onTextEdited: root.textEdited()
+    }
+
+    Item {
+        id: iconContainer
+        anchors.right: parent.right
+        anchors.verticalCenter: input.verticalCenter
+
+        Icon {
+            id: icon
+            source: ""
+            color: Theme.color.neutral8
+            size: 30
+            enabled: source != ""
+            onClicked: root.iconClicked()
+        }
+    }
+}