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/panes/Security.tsx

@@ -3,10 +3,11 @@ import { PreferencesPane } from '../components';
 import { TwoFactorAuthWrapper } from './two-factor-auth';
 import { MfaProps } from './two-factor-auth/MfaProps';
 
-interface SecurityProps extends MfaProps {}
-
-export const Security: FunctionComponent<SecurityProps> = (props) => (
+export const Security: FunctionComponent<MfaProps> = (props) => (
   <PreferencesPane>
-    <TwoFactorAuthWrapper mfaGateway={props.mfaGateway} />
+    <TwoFactorAuthWrapper
+      mfaProvider={props.mfaProvider}
+      userProvider={props.userProvider}
+    />
   </PreferencesPane>
 );