Make the Keyboard Shortcuts dialog into a settings tab (#7198)

res/css/views/dialogs/_UserSettingsDialog.scss

@@ -37,6 +37,10 @@ limitations under the License.
     mask-image: url('$(res)/img/element-icons/settings/preference.svg');
 }
 
+.mx_UserSettingsDialog_keyboardIcon::before {
+    mask-image: url('$(res)/img/element-icons/settings/keyboard.svg');
+}
+
 .mx_UserSettingsDialog_sidebarIcon::before {
     mask-image: url('$(res)/img/element-icons/settings/sidebar.svg');
 }

res/css/views/settings/tabs/user/_KeyboardUserSettingsTab.scss

@@ -1,5 +1,6 @@
 /*
 Copyright 2020 The Matrix.org Foundation C.I.C.
+Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -14,7 +15,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_KeyboardShortcutsDialog {
+.mx_KeyboardUserSettingsTab .mx_SettingsTab_section {
     display: flex;
     flex-wrap: wrap;
     -webkit-box-orient: vertical;