support enabling/disabling tabs in the advanced settings

support enabling/disabling tabs in the advanced settings

use qstr

ui/app/AppLayouts/Profile/LeftTab/Menu.qml

@@ -182,8 +182,7 @@ Rectangle {
         TabButton {
             id: advancedTabButton
             width: profileInfoContainer.w
-            height: 0 //profileTabBar.btnheight
+            height: profileTabBar.btnheight
-            visible: false
             text: ""
             anchors.left: parent.left
             anchors.leftMargin: 0

ui/app/AppLayouts/Profile/Sections/AdvancedContainer.qml

@@ -20,4 +20,49 @@ Item {
         font.weight: Font.Bold
         font.pixelSize: 20
     }
+
+    RowLayout {
+        id: browserTabSettings
+        anchors.top: element7.bottom
+        anchors.topMargin: 20
+        anchors.left: parent.left
+        anchors.leftMargin: 24
+        Text {
+            text: qsTr("Browser Tab")
         }
+        Switch {
+            checked: browserBtn.enabled
+            onCheckedChanged: function(value) {
+                browserBtn.enabled = this.checked
+            }
+        }
+        Text {
+            text: qsTr("experimental (web3 not supported yet)")
+        }
+    }
+
+    RowLayout {
+        anchors.top: browserTabSettings.bottom
+        anchors.topMargin: 20
+        anchors.left: parent.left
+        anchors.leftMargin: 24
+        Text {
+            text: qsTr("Node Management Tab")
+        }
+        Switch {
+            checked: nodeBtn.enabled
+            onCheckedChanged: function(value) {
+                nodeBtn.enabled = this.checked
+            }
+        }
+        Text {
+            text: qsTr("under development")
+        }
+    }
+}
+
+/*##^##
+Designer {
+    D{i:0;height:400;width:700}
+}
+##^##*/

ui/app/AppMain.qml

@@ -79,10 +79,11 @@ RowLayout {
 
         TabButton {
             id: browserBtn
+            visible: this.enabled
             width: 40
-            height: 40
+            height: this.enabled ? 40 : 0
             text: ""
-            anchors.topMargin: 50
+            anchors.topMargin: this.enabled ? 50 : 0
             anchors.horizontalCenter: parent.horizontalCenter
             anchors.top: walletBtn.top
             background: Rectangle {
@@ -125,10 +126,11 @@ RowLayout {
 
         TabButton {
             id: nodeBtn
+            visible: this.enabled
             width: 40
-            height: 40
+            height: this.enabled ? 40 : 0
             text: ""
-            anchors.topMargin: 50
+            anchors.topMargin: this.enabled ? 50 : 0
             anchors.horizontalCenter: parent.horizontalCenter
             anchors.top: profileBtn.top
             background: Rectangle {