fix(@desktop/wallet): In the dark mode, the menu of networks in wallet looks incorrect

fixes #5123

ui/app/AppLayouts/Wallet/controls/NetworkFilter.qml

@@ -1,8 +1,13 @@
 import QtQuick 2.13
+
+import StatusQ.Core 0.1
+import StatusQ.Core.Theme 0.1
+import StatusQ.Components 0.1
+
 import shared 1.0
 import shared.panels 1.0
-
 import utils 1.0
+
 import "../popups"
 
 Item {
@@ -11,39 +16,24 @@ Item {
     height: childrenRect.height
 
     property var store
-    
+
-    Rectangle {
+    StatusListItem {
         id: selectRectangle
+        implicitWidth: 210
+        implicitHeight: 40
         border.width: 1
-        border.color: Style.current.border
+        border.color: Theme.palette.baseColor2
-        radius: Style.current.radius
+        color: Theme.palette.statusListItem.backgroundColor
-        width: text.width + Style.current.padding * 4
+        //% "All networks"
-        height: text.height + Style.current.padding
+        title: qsTr("All networks")
-
+        components:[
-        StyledText {
+            StatusIcon {
-            id: text
+                width: 20
-            text: qsTr("Select networks")
+                height: 20
-            anchors.left: parent.left
+                icon: "chevron-down"
-            anchors.leftMargin: Style.current.padding
+                color: Theme.palette.baseColor1
-            anchors.verticalCenter: parent.verticalCenter
+            }
-            font.pixelSize: Style.current.primaryTextFontSize
+        ]
-        }
-
-        SVGImage {
-            id: caretImg
-            width: 10
-            height: 6
-            source: Style.svg("caret")
-            anchors.right: parent.right
-            anchors.rightMargin: Style.current.padding
-            anchors.verticalCenter: parent.verticalCenter
-            fillMode: Image.PreserveAspectFit
-        }
-    }
-
-    MouseArea {
-        anchors.fill: selectRectangle
-        cursorShape: Qt.PointingHandCursor
         onClicked: {
             if (selectPopup.opened) {
                 selectPopup.close();
@@ -61,6 +51,7 @@ Item {
 
         anchors.top: selectRectangle.bottom
         anchors.topMargin: Style.current.padding
+        anchors.horizontalCenter: parent.horizontalCenter
 
         Repeater {
             id: chainRepeater

ui/app/AppLayouts/Wallet/panels/WalletHeader.qml

@@ -75,8 +75,8 @@ Item {
         visible: walletHeader.walletStore.isMultiNetworkEnabled 
         anchors.top: parent.top
         anchors.topMargin: 56
-        anchors.left: walletBalance.right
+        anchors.right: parent.right
-        anchors.leftMargin: 70
+        anchors.rightMargin: 63
         store: walletHeader.walletStore
     }