fix(@desktop/wallet): `Wallet -> Settings -> Account order` - watch-only accounts and keycard accounts should have appropriate icon

Fixes: #11513

ui/StatusQ/src/StatusQ/Components/StatusDraggableListItem.qml

@@ -115,6 +115,11 @@ ItemDelegate {
        This property holds the secondary text (title), displayed below primary
     */
     property string secondaryTitle
+    /*!
+       \qmlproperty string StatusDraggableListItem::secondaryTitleIcon
+       This property holds the secondary title icon, displayed on the right of the secondary title
+    */
+    property string secondaryTitleIcon: ""
 
     /*!
        \qmlproperty list<Item> StatusDraggableListItem::actions
@@ -291,13 +296,24 @@ ItemDelegate {
                 font.weight: root.highlighted ? Font.Medium : Font.Normal
             }
 
-            StatusBaseText {
+            Row {
                 Layout.fillWidth: true
-                text: root.secondaryTitle
+                visible: !!root.secondaryTitle
-                visible: text
+                spacing: 8
-                color: Theme.palette.baseColor1
+
-                elide: Text.ElideRight
+                StatusBaseText {
-                maximumLineCount: 1
+                    text: root.secondaryTitle
+                    color: Theme.palette.baseColor1
+                    elide: Text.ElideRight
+                    maximumLineCount: 1
+                }
+
+                Loader {
+                    asynchronous: true
+                    active: !!root.secondaryTitleIcon
+                    visible: active
+                    sourceComponent: secondaryTitleIconComponent
+                }
             }
         }
 
@@ -319,6 +335,16 @@ ItemDelegate {
         }
     }
 
+    Component {
+        id: secondaryTitleIconComponent
+        StatusIcon {
+            width: 16
+            height: 16
+            icon: root.secondaryTitleIcon
+            color: Theme.palette.baseColor1
+        }
+    }
+
     Component {
         id: imageComponent
         StatusRoundedImage {

ui/app/AppLayouts/Profile/views/wallet/AccountOrderView.qml

@@ -86,6 +86,8 @@ StatusListView {
                 return model.name
             }
             secondaryTitle: model.address
+            secondaryTitleIcon: model.walletType === Constants.watchWalletType? "show" :
+                                                                                model.keycardAccount ? "keycard" : ""
             hasEmoji: true
             icon.width: 40
             icon.height: 40