Introduce AddWalletButton and connect it to the AddWallet flow

src/Makefile.qt.include

@@ -379,6 +379,7 @@ QML_RES_QML = \
   qml/components/ThemeSettings.qml \
   qml/components/TotalBytesIndicator.qml \
   qml/components/Tooltip.qml \
+  qml/controls/AddWalletButton.qml \
   qml/controls/CaretRightIcon.qml \
   qml/controls/ContinueButton.qml \
   qml/controls/CoreText.qml \

src/qml/bitcoin_qml.qrc

@@ -20,6 +20,7 @@
         <file>components/ThemeSettings.qml</file>
         <file>components/TotalBytesIndicator.qml</file>
         <file>components/Tooltip.qml</file>
+        <file>controls/AddWalletButton.qml</file>
         <file>controls/ContinueButton.qml</file>
         <file>controls/CoreText.qml</file>
         <file>controls/CoreTextField.qml</file>

src/qml/controls/AddWalletButton.qml

@@ -0,0 +1,79 @@
+// 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
+
+import org.bitcoincore.qt 1.0
+
+Button {
+    id: root
+
+    property color bgActiveColor: Theme.color.neutral2
+    property color textColor: Theme.color.neutral7
+    property color textHoverColor: Theme.color.orange
+    property color textActiveColor: Theme.color.orange
+    property color iconColor: "transparent"
+    property string iconSource: ""
+    property bool showBalance: true
+    property bool showIcon: true
+
+    hoverEnabled: AppMode.isDesktop
+    implicitHeight: 46
+    implicitWidth: 220
+    bottomPadding: 10
+    topPadding: 0
+
+    contentItem: RowLayout {
+        implicitWidth: addIcon.size + addText.width
+        implicitHeight: 45
+        Icon {
+            id: addIcon
+            Layout.alignment: Qt.AlignHCenter
+            source: "image://images/plus"
+            color: Theme.color.neutral8
+            size: 14
+            topPadding: 5
+            bottomPadding: 10
+        }
+        CoreText {
+            id: addText
+            Layout.alignment: Qt.AlignHCenter
+            text: qsTr("Add Wallet")
+            color: Theme.color.neutral9
+            font.pixelSize: 15
+            topPadding: 5
+            bottomPadding: 10
+        }
+    }
+
+    background: Rectangle {
+        id: bg
+        height: 30
+        width: 220
+        radius: 5
+        anchors.topMargin: 5
+        anchors.bottomMargin: 10
+        color: Theme.color.neutral3
+        visible: root.hovered || root.checked
+
+        FocusBorder {
+            visible: root.visualFocus
+        }
+
+        Behavior on color {
+            ColorAnimation { duration: 150 }
+        }
+    }
+
+    states: [
+        State {
+            name: "CHECKED"; when: root.checked
+        },
+        State {
+            name: "HOVER"; when: root.hovered
+        }
+    ]
+}

src/qml/pages/main.qml

@@ -108,13 +108,17 @@ ApplicationWindow {
 
     Component {
         id: desktopWallets
-        DesktopWallets {}
+        DesktopWallets {
+            onAddWallet: {
+                main.push(createWalletWizard)
+            }
+        }
     }
 
     Component {
         id: createWalletWizard
         CreateWalletWizard {
-            onFinished: {
+           onFinished: {
                 main.pop()
             }
         }

src/qml/pages/wallet/DesktopWallets.qml

@@ -19,6 +19,8 @@ Page {
 
     ButtonGroup { id: navigationTabs }
 
+    signal addWallet()
+
     header: NavigationBar2 {
         id: navBar
         leftItem: WalletBadge {
@@ -40,6 +42,10 @@ Page {
                 closePolicy: Popup.CloseOnPressOutside
                 x: 0
                 y: parent.height
+
+                onAddWallet: {
+                    root.addWallet()
+                }
             }
         }
         centerItem: RowLayout {

src/qml/pages/wallet/WalletSelect.qml

@@ -16,6 +16,8 @@ Popup {
     implicitWidth: 250
     clip: true
 
+    signal addWallet()
+
     background: Item {
         anchors.fill: parent
         Rectangle {
@@ -88,28 +90,11 @@ Popup {
             }
         }
 
-        RowLayout {
+        AddWalletButton {
             id: addWallet
-            Layout.preferredWidth: addIcon.size + addText.width
-            Layout.preferredHeight: 45
-            Layout.alignment: Qt.AlignHCenter
-            Icon {
-                id: addIcon
-                Layout.alignment: Qt.AlignHCenter
-                source: "image://images/plus"
-                color: Theme.color.neutral8
-                size: 14
-                topPadding: 5
-                bottomPadding: 10
-            }
-            CoreText {
-                id: addText
-                Layout.alignment: Qt.AlignHCenter
-                text: qsTr("Add Wallet")
-                color: Theme.color.neutral9
-                font.pixelSize: 15
-                topPadding: 5
-                bottomPadding: 10
+            onClicked: {
+                root.addWallet()
+                root.close()
             }
         }
     }