Improve device list in Security & Privacy settings (#7004)

Overhaul the device list in the "Security and Privacy" settings tab to include device trust status, provide buttons for verifying unverified devices, and improve overall usability and style. This should now be the primary interface for checking and changing the trust status of your own devices, rather than looking at your own user profile in the right panel.

src/toasts/BulkUnverifiedSessionsToast.ts

@@ -16,10 +16,11 @@ limitations under the License.
 
 import { _t } from '../languageHandler';
 import dis from "../dispatcher/dispatcher";
-import { MatrixClientPeg } from '../MatrixClientPeg';
 import DeviceListener from '../DeviceListener';
 import GenericToast from "../components/views/toasts/GenericToast";
 import ToastStore from "../stores/ToastStore";
+import { Action } from "../dispatcher/actions";
+import { UserTab } from "../components/views/dialogs/UserSettingsDialog";
 
 const TOAST_KEY = "reviewsessions";
 
@@ -28,8 +29,8 @@ export const showToast = (deviceIds: Set<string>) => {
         DeviceListener.sharedInstance().dismissUnverifiedSessions(deviceIds);
 
         dis.dispatch({
-            action: 'view_user_info',
-            userId: MatrixClientPeg.get().getUserId(),
+            action: Action.ViewUserSettings,
+            initialTabId: UserTab.Security,
         });
     };