added some new controls and started layout of pageStart and pageCredentials

client/ui/qml/Controls2/BodyTextType.qml

@@ -0,0 +1,12 @@
+import QtQuick
+
+Text {
+    text: root.bodyText
+    wrapMode: Text.WordWrap
+    color: "#D7D8DB"
+    font.pixelSize: 16
+    font.weight: 400
+    font.family: "PT Root UI VF"
+
+    height: 24
+}

client/ui/qml/Controls2/DropDownType.qml

@@ -0,0 +1,5 @@
+import QtQuick
+
+Item {
+
+}

client/ui/qml/Controls2/FlickableType.qml

@@ -0,0 +1,23 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import "../Config"
+
+Flickable {
+    id: fl
+
+    clip: true
+    width: parent.width
+
+    anchors.bottom: parent.bottom
+    anchors.left: root.left
+    anchors.right: root.right
+    anchors.rightMargin: 1
+
+    Keys.onUpPressed: scrollBar.decrease()
+    Keys.onDownPressed: scrollBar.increase()
+
+    ScrollBar.vertical: ScrollBar {
+        id: scrollBar
+        policy: fl.height >= fl.contentHeight ? ScrollBar.AlwaysOff : ScrollBar.AlwaysOn
+    }
+}

client/ui/qml/Controls2/Header2TextType.qml

@@ -0,0 +1,10 @@
+import QtQuick
+
+Text {
+    color: "#D7D8DB"
+    font.pixelSize: 25
+    font.weight: 700
+    font.family: "PT Root UI VF"
+
+    height: 30
+}

client/ui/qml/Controls2/HeaderTextType.qml

@@ -0,0 +1,40 @@
+import QtQuick
+import QtQuick.Layouts
+
+ColumnLayout {
+    id: root
+
+    property string buttonImage
+    property string headerText
+    property var wrapMode
+
+    ImageButtonType {
+        id: button
+
+        Layout.leftMargin: -6
+
+        hoverEnabled: false
+        image: root.buttonImage
+        onClicked: {
+            if (onClickedFunc && typeof onClickedFunc === "function") {
+                onClickedFunc()
+            }
+        }
+    }
+
+    Text {
+        id: header
+
+        text: root.headerText
+
+        color: "#D7D8DB"
+        font.pixelSize: 36
+        font.weight: 700
+        font.family: "PT Root UI VF"
+        font.letterSpacing: -0.03
+
+        wrapMode: Text.WordWrap
+
+        height: 38
+    }
+}

client/ui/qml/Controls2/TextFieldWithHeaderType.qml

@@ -7,6 +7,7 @@ Item {
 
     property string headerText
     property string textFieldText
+    property string textFieldPlaceholderText
     property bool textFieldEditable: true
 
     implicitWidth: 328
@@ -45,6 +46,9 @@ Item {
             enabled: root.textFieldEditable
             text: root.textFieldText
             color: "#d7d8db"
+
+            placeholderText: textFieldPlaceholderText
+
             font.pixelSize: 16
             font.weight: 400
             font.family: "PT Root UI VF"