feat: integrate two factor authentication (#626)

* feat: integrate SNJS MFA with web

* fix: create rudimentary typings file for qrcode.react

* chore: lint fixes

* fix: address PR feedback

* fix: address PR feedback

* fix: address PR feedback 2

* fix: replace spread props on TwoFactorAuthWrapper component

* chore: change null check to undefined check

app/assets/javascripts/preferences/PreferencesViewWrapper.tsx

@@ -0,0 +1,24 @@
+import { FunctionComponent } from 'preact';
+import { observer } from 'mobx-react-lite';
+import { WebApplication } from '@/ui_models/application';
+import { PreferencesView } from './PreferencesView';
+
+export interface PreferencesViewWrapperProps {
+  appState: { preferences: { isOpen: boolean; closePreferences: () => void } };
+  application: WebApplication;
+}
+
+export const PreferencesViewWrapper: FunctionComponent<PreferencesViewWrapperProps> =
+  observer(({ appState, application }) => {
+    if (!appState.preferences.isOpen) {
+      return null;
+    }
+
+    return (
+      <PreferencesView
+        closePreferences={() => appState.preferences.closePreferences()}
+        application={application}
+        mfaGateway={application}
+      />
+    );
+  });