Improve DevicesPage and DevicesModel

- Split the list into sections for "this devices", "verified devices", "unverified devices", and "devices without encryption support"
- Sort the lists by last activity

src/qml/Page/RoomList/AccountMenu.qml

@@ -26,12 +26,22 @@ QQC2.Menu {
     QQC2.MenuItem {
         text: i18n("Notification settings")
         icon.name: "notifications"
-        onTriggered: pageStack.pushDialogLayer("qrc:/SettingsPage.qml", {defaultPage: "notifications"}, { title: i18n("Configure")})
+        onTriggered: pageStack.pushDialogLayer("qrc:/SettingsPage.qml", {
+            defaultPage: "notifications",
+            connection: Controller.activeConnection,
+        }, {
+            title: i18n("Configure")
+        });
     }
     QQC2.MenuItem {
         text: i18n("Devices")
         icon.name: "computer-symbolic"
-        onTriggered: pageStack.pushDialogLayer("qrc:/SettingsPage.qml", {defaultPage: "devices"}, { title: i18n("Configure")})
+        onTriggered: pageStack.pushDialogLayer("qrc:/SettingsPage.qml", {
+            defaultPage: "devices",
+            connection: Controller.activeConnection,
+        }, {
+            title: i18n("Configure")
+        })
     }
     QQC2.MenuItem {
         text: i18n("Logout")

src/qml/Page/RoomList/UserInfo.qml

@@ -214,7 +214,7 @@ QQC2.ToolBar {
             }
             QQC2.ToolButton {
                 icon.name: "settings-configure"
-                onClicked: pageStack.pushDialogLayer("qrc:/SettingsPage.qml", {}, { title: i18n("Configure") })
+                onClicked: pageStack.pushDialogLayer("qrc:/SettingsPage.qml", {connection: Controller.activeConnection}, { title: i18n("Configure") })
                 text: i18n("Open Settings")
                 display: QQC2.AbstractButton.IconOnly
                 Layout.minimumWidth: Layout.preferredWidth