qml: rework SettingsConnection page to include Proxy settings

SettingsConnection now contains a SwipeView where you can access the
connection settings then press on "Proxy Settings" to get to the Proxy
configuration page. There is no use-case for Proxy settings to be shown
outside of the context of connection settings.

Author: jarolrod

src/qml/components/ConnectionSettings.qml

@@ -70,5 +70,6 @@ ColumnLayout {
         actionItem: CaretRightButton {
             stateColor: gotoProxy.stateColor
         }
+        onClicked: connectionSwipe.incrementCurrentIndex()
     }
 }

src/qml/pages/settings/SettingsConnection.qml

@@ -8,13 +8,40 @@ import QtQuick.Layouts 1.15
 import "../../controls"
 import "../../components"
 
-InformationPage {
-    background: null
-    clip: true
-    bannerActive: false
-    bold: true
-    headerText: qsTr("Connection settings")
-    headerMargin: 0
-    detailActive: true
-    detailItem: ConnectionSettings {}
+Item {
+    property alias navRightDetail: connectionSwipe.navRightDetail
+    property alias navLeftDetail: connectionSwipe.navLeftDetail
+    SwipeView {
+        id: connectionSwipe
+        property alias navRightDetail: connection_settings.navRightDetail
+        property alias navLeftDetail: connection_settings.navLeftDetail
+        anchors.fill: parent
+        interactive: false
+        orientation: Qt.Horizontal
+        InformationPage {
+            id: connection_settings
+            background: null
+            clip: true
+            bannerActive: false
+            bold: true
+            headerText: qsTr("Connection settings")
+            headerMargin: 0
+            detailActive: true
+            detailItem: ConnectionSettings {}
+        }
+        SettingsProxy {
+            navLeftDetail: NavButton {
+                iconSource: "image://images/caret-left"
+                text: qsTr("Back")
+                onClicked: {
+                    connectionSwipe.decrementCurrentIndex()
+                }
+            }
+            navMiddleDetail: Header {
+                headerBold: true
+                headerSize: 18
+                header: qsTr("Proxy Settings")
+            }
+        }
+    }
 }