Unify look of scrolling setting page

* Add frame on desktop
* Remove frame on mobile
* Use actions.main when needed on mobile
* Don't push a new setting page on mobile

imports/NeoChat/Page/SettingsPage.qml

@@ -36,7 +36,9 @@ Kirigami.ScrollablePage {
             topPadding: 0
             Kirigami.Theme.colorSet: Kirigami.Theme.View
             ListView {
-                Component.onCompleted: actions[0].trigger();
+                Component.onCompleted: if (pageSettingStack.wideMode) {
+                    actions[0].trigger();
+                }
                 property list<Kirigami.Action> actions: [
                     Kirigami.Action {
                         text: i18n("General")
@@ -58,6 +60,11 @@ Kirigami.ScrollablePage {
                         icon.name: "preferences-desktop-emoticons"
                         onTriggered: pageSettingStack.push("qrc:/imports/NeoChat/Settings/Emoticons.qml")
                     },
+                    Kirigami.Action {
+                        text: i18n("Devices")
+                        iconName: "network-connect"
+                        onTriggered: pageSettingStack.push("qrc:/imports/NeoChat/Page/DevicesPage.qml")
+                    },
                     Kirigami.Action {
                         text: i18n("About NeoChat")
                         icon.name: "help-about"