added protocol settings page and openvpn settings page

client/ui/qml/Components/TransportProtoSelector.qml

@@ -0,0 +1,59 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import "../Controls2"
+import "../Controls2/TextTypes"
+
+Rectangle {
+    id: root
+
+    property var rootWidth: root.width
+    property int currentIndex
+
+    property alias mouseArea: transportProtoButtonMouseArea
+
+    implicitWidth: transportProtoButtonGroup.implicitWidth
+    implicitHeight: transportProtoButtonGroup.implicitHeight
+
+    color: "#1C1D21"
+    radius: 16
+
+    RowLayout {
+        id: transportProtoButtonGroup
+
+        spacing: 0
+
+        HorizontalRadioButton {
+            checked: root.currentIndex === 0
+
+            implicitWidth: (rootWidth - 32) / 2
+            text: "UDP"
+
+            hoverEnabled: !transportProtoButtonMouseArea.enabled
+
+            onClicked: {
+                root.currentIndex = 0
+            }
+        }
+
+        HorizontalRadioButton {
+            checked: root.currentIndex === 1
+
+            implicitWidth: (rootWidth - 32) / 2
+            text: "TCP"
+
+            hoverEnabled: !transportProtoButtonMouseArea.enabled
+
+            onClicked: {
+                root.currentIndex = 1
+            }
+        }
+    }
+
+    MouseArea {
+        id: transportProtoButtonMouseArea
+
+        anchors.fill: parent
+    }
+}