feat: add multi-factor authentication (MFA) feature (#1800)

* feat: add two-factor authentication interface and api

* merge

* feat: add Two-factor authentication accountItem and two-factor api in frontend

* feat: add basic 2fa setup UI

* rebase

* feat: finish the two-factor authentication

* rebase

* feat: support recover code

* chore: fix eslint error

* feat: support multiple sms account

* fix: client application login

* fix: lint

* Update authz.go

* Update mfa.go

* fix: support phone

* fix: i18n

* fix: i18n

* fix: support preferred mfa methods

---------

Co-authored-by: hsluoyz <hsluoyz@qq.com>

web/src/common/SendCodeInput.js

@@ -21,10 +21,8 @@ import {CaptchaModal} from "./modal/CaptchaModal";
 
 const {Search} = Input;
 
-export const SendCodeInput = (props) => {
-  const {disabled, textBefore, onChange, onButtonClickArgs, application, method, countryCode} = props;
+export const SendCodeInput = ({value, disabled, textBefore, onChange, onButtonClickArgs, application, method, countryCode}) => {
   const [visible, setVisible] = React.useState(false);
-
   const [buttonLeftTime, setButtonLeftTime] = React.useState(0);
   const [buttonLoading, setButtonLoading] = React.useState(false);
 
@@ -62,6 +60,7 @@ export const SendCodeInput = (props) => {
       <Search
         addonBefore={textBefore}
         disabled={disabled}
+        value={value}
         prefix={<SafetyOutlined />}
         placeholder={i18next.t("code:Enter your code")}
         onChange={e => onChange(e.target.value)}

web/src/common/theme/ThemePicker.js

@@ -29,8 +29,6 @@ export const THEMES = {
   comic: `${Setting.StaticBaseUrl}/img/theme_comic.svg`,
 };
 
-Object.values(THEMES).map(value => new Image().src = value);
-
 const themeTypes = {
   default: "Default", // i18next.t("theme:Default")
   dark: "Dark",       // i18next.t("theme:Dark")