web: fix mfa fallback string (#7123)

* also add selected style to mfa type selector button

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>

packages/intl/src/strings.ts

@@ -1675,12 +1675,15 @@ For example:
     t`Your account is now 100% secure against unauthorized logins.`,
   sms: () => t`phone number`,
   app: () => t`authentication app`,
-  mfaFallbackMethodText: (fallback: string, primary: string) =>
-    `You will now receive your 2FA codes on your ${
-      strings[fallback as keyof typeof strings]
-    } in case you lose access to your ${
-      strings[primary as keyof typeof strings]
-    }.`,
+  mfaFallbackMethodText: (
+    fallback: "app" | "sms" | "email",
+    primary: "app" | "sms" | "email"
+  ) =>
+    `You will now receive your 2FA codes on your ${strings[
+      fallback
+    ]().toLocaleLowerCase()} in case you lose access to your ${strings[
+      primary
+    ]().toLocaleLowerCase()}.`,
   transactionStatusToText: {
     completed: () => t`Completed`,
     refunded: () => t`"Refunded`,