feat: disabled 2fa feature (#631)

* feat: add dim and blur to unavailable 2fa

* feat: message over disabled 2FA

* feat: 2fa remove overlay and dimming

* fix: add newline to _ui,css

* fix: tsc errors

* Update app/assets/javascripts/preferences/panes/two-factor-auth/TwoFactorAuthView.tsx

Co-authored-by: Vardan Hakobyan <vardan_live@live.com>

* refactor: rename s to status

Co-authored-by: Vardan Hakobyan <vardan_live@live.com>

app/assets/javascripts/preferences/PreferencesView.tsx

@@ -3,7 +3,7 @@ import { TitleBar, Title } from '@/components/TitleBar';
 import { FunctionComponent } from 'preact';
 import { AccountPreferences, HelpAndFeedback, Security } from './panes';
 import { observer } from 'mobx-react-lite';
-import { PreferencesMenu } from './preferences-menu';
+import { PreferencesMenu } from './PreferencesMenu';
 import { PreferencesMenuView } from './PreferencesMenuView';
 import { WebApplication } from '@/ui_models/application';
 import { MfaProps } from './panes/two-factor-auth/MfaProps';
@@ -24,7 +24,12 @@ const PaneSelector: FunctionComponent<
     case 'appearance':
       return null;
     case 'security':
-      return <Security mfaGateway={props.mfaGateway} />;
+      return (
+        <Security
+          mfaProvider={props.mfaProvider}
+          userProvider={props.userProvider}
+        />
+      );
     case 'listed':
       return null;
     case 'shortcuts':