Added tab navigation functional. (#721)

- Added tab navigation functional.
- In basic types added parentFlickable property, which will help to ensure, that the item is visible within flickable parent during tab navigation.
- Added focus state for some basic types.
- In PageType qml file added lastItemTabClicked function, which will help to focus tab bar buttons when the last tab on the current page clicked.
- Added Focus for back button for all pages and drawers.
- Added scroll on tab for Servers ListView on PageHome.

client/ui/qml/Pages2/PageProtocolXraySettings.qml

@@ -16,8 +16,15 @@ import "../Components"
 PageType {
     id: root
 
+    defaultActiveFocusItem: listview
+
+    Item {
+        id: focusItem
+        KeyNavigation.tab: backButton
+    }
+
     ColumnLayout {
-        id: backButton
+        id: backButtonLayout
 
         anchors.top: parent.top
         anchors.left: parent.left
@@ -26,12 +33,14 @@ PageType {
         anchors.topMargin: 20
 
         BackButtonType {
+            id: backButton
+            KeyNavigation.tab: listview
         }
     }
 
     FlickableType {
         id: fl
-        anchors.top: backButton.bottom
+        anchors.top: backButtonLayout.bottom
         anchors.bottom: parent.bottom
         contentHeight: content.implicitHeight
 
@@ -55,7 +64,16 @@ PageType {
 
                 model: XrayConfigModel
 
+                activeFocusOnTab: true
+                onActiveFocusChanged: {
+                    if (activeFocus) {
+                        listview.itemAtIndex(0)?.focusItemId.forceActiveFocus()
+                    }
+                }
+
                 delegate: Item {
+                    property alias focusItemId: textFieldWithHeaderType.textField
+
                     implicitWidth: listview.width
                     implicitHeight: col.implicitHeight
 
@@ -77,12 +95,15 @@ PageType {
                         }
 
                         TextFieldWithHeaderType {
+                            id: textFieldWithHeaderType
                             Layout.fillWidth: true
                             Layout.topMargin: 32
 
                             headerText: qsTr("Disguised as traffic from")
                             textFieldText: site
 
+                            KeyNavigation.tab: basicButton
+
                             textField.onEditingFinished: {
                                 if (textFieldText !== site) {
                                     var tmpText = textFieldText
@@ -99,12 +120,15 @@ PageType {
                         }
 
                         BasicButtonType {
+                            id: basicButton
                             Layout.fillWidth: true
                             Layout.topMargin: 24
                             Layout.bottomMargin: 24
 
                             text: qsTr("Save")
 
+                            Keys.onTabPressed: lastItemTabClicked(focusItem)
+
                             onClicked: {
                                 forceActiveFocus()
 
@@ -115,7 +139,11 @@ PageType {
 
                                 PageController.goToPage(PageEnum.PageSetupWizardInstalling);
                                 InstallController.updateContainer(XrayConfigModel.getConfig())
+                                focusItem.forceActiveFocus()
                             }
+
+                            Keys.onEnterPressed: basicButton.clicked()
+                            Keys.onReturnPressed: basicButton.clicked()
                         }
                     }
                 }