Remove multiple components related to multi-factor authentication setup

Removed personal account related multi-factor authentication setup modal and otp-input. Adjusted dependencies, exports, and imports to reflect the deletion. Various adjustments in other areas of the codebase were made to account for these deletions, including moving necessary components and adding the 'input-otp' library in the package.json under 'ui' directory.

packages/features/accounts/src/components/personal-account-settings/account-settings-container.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Card,
   CardContent,
@@ -9,10 +11,11 @@ import { If } from '@kit/ui/if';
 import { Trans } from '@kit/ui/trans';
 
 import { AccountDangerZone } from './account-danger-zone';
+import { UpdateEmailFormContainer } from './email/update-email-form-container';
+import { MultiFactorAuthFactorsList } from './mfa/multi-factor-auth-list';
+import { UpdatePasswordFormContainer } from './password/update-password-container';
 import { UpdateAccountDetailsFormContainer } from './update-account-details-form-container';
 import { UpdateAccountImageContainer } from './update-account-image-container';
-import { UpdateEmailFormContainer } from './update-email-form-container';
-import { UpdatePasswordFormContainer } from './update-password-container';
 
 export function PersonalAccountSettingsContainer(
   props: React.PropsWithChildren<{
@@ -91,6 +94,22 @@ export function PersonalAccountSettingsContainer(
         </CardContent>
       </Card>
 
+      <Card>
+        <CardHeader>
+          <CardTitle>
+            <Trans i18nKey={'account:multiFactorAuth'} />
+          </CardTitle>
+
+          <CardDescription>
+            <Trans i18nKey={'account:multiFactorAuthDescription'} />
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <MultiFactorAuthFactorsList />
+        </CardContent>
+      </Card>
+
       <If condition={props.features.enableAccountDeletion}>
         <Card className={'border-destructive border-2'}>
           <CardHeader>