Merge branch 'main' into dev

src/components/LoginForm.tsx

@@ -248,6 +248,12 @@ export default function LoginForm({ redirect, onLogin, idps }: LoginFormProps) {
                                                     pattern={
                                                         REGEXP_ONLY_DIGITS_AND_CHARS
                                                     }
+                                                    onChange={(e) => {
+                                                        field.onChange(e);
+                                                        if (e.target.value.length === 6) {
+                                                            mfaForm.handleSubmit(onSubmit)();
+                                                        }
+                                                    }}
                                                 >
                                                     <InputOTPGroup>
                                                         <InputOTPSlot

src/components/QRContainer.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+export default function QRContainer({
+    children = <div/>,
+    outline = true
+}) {
+
+    return (
+        <div
+            className={`relative w-fit border-2 rounded-md`}
+        >
+            <div className="bg-white p-6 rounded-md">
+                {children}
+            </div>
+        </div>
+    );
+}