Move encrypt room option to Security page

src/qml/Panel/RoomDrawer.qml

@@ -117,6 +117,23 @@ Kirigami.OverlayDrawer {
 
                     name: room ? room.displayName : ""
                     source: room ? ("image://mxc/" +  room.avatarMediaId) : ""
+
+                    Rectangle {
+                        visible: room.usesEncryption
+                        color: Kirigami.Theme.backgroundColor
+
+                        width: Kirigami.Units.gridUnit
+                        height: Kirigami.Units.gridUnit
+                        anchors.bottom: parent.bottom
+                        anchors.right: parent.right
+
+                        radius: width / 2
+
+                        Kirigami.Icon {
+                            source: "channel-secure-symbolic"
+                            anchors.fill: parent
+                        }
+                    }
                 }
 
                 ColumnLayout {
@@ -206,20 +223,6 @@ Kirigami.OverlayDrawer {
 
                 onClicked: room.isFavourite ? room.removeTag("m.favourite") : room.addTag("m.favourite", 1.0)
             }
-            Kirigami.BasicListItem {
-                id: encryptButton
-
-                icon: "channel-insecure-symbolic"
-                enabled: roomDrawer.room.canEncryptRoom
-                visible: !roomDrawer.room.usesEncryption && Controller.encryptionSupported
-                text: i18n("Enable encryption")
-
-                onClicked: {
-                    let dialog = confirmEncryptionDialog.createObject(applicationWindow(), {room: roomDrawer.room});
-                    roomDrawer.close();
-                    dialog.open();
-                }
-            }
 
             Kirigami.ListSectionHeader {
                 label: i18n("Members")
@@ -363,10 +366,4 @@ Kirigami.OverlayDrawer {
 
         UserDetailDialog {}
     }
-
-    Component {
-        id: confirmEncryptionDialog
-
-        ConfirmEncryptionDialog {}
-    }
 }