Enable TOTP Multi-Factor Authentication in local config and improve MFA UI (#121)

packages/features/accounts/src/components/personal-account-settings/mfa/multi-factor-auth-setup-dialog.tsx

@@ -329,7 +329,11 @@ function FactorQrCode({
   }
 
   return (
-    <div className={'flex flex-col space-y-4'}>
+    <div
+      className={
+        'dark:bg-secondary flex flex-col space-y-4 rounded-lg border p-4'
+      }
+    >
       <p>
         <span className={'text-muted-foreground text-sm'}>
           <Trans i18nKey={'account:multiFactorModalHeading'} />

packages/features/auth/src/components/multi-factor-challenge-container.tsx

@@ -87,10 +87,6 @@ export function MultiFactorChallengeContainer({
         })}
       >
         <div className={'flex flex-col space-y-4'}>
-          <span className={'text-muted-foreground text-sm'}>
-            <Trans i18nKey={'account:verifyActivationCodeDescription'} />
-          </span>
-
           <div className={'flex w-full flex-col space-y-2.5'}>
             <div className={'flex flex-col space-y-4'}>
               <If condition={verifyMFAChallenge.error}>