fix: handle errors

Author: Guru

demo/redirect-flow-example/src/components/mfa-cards/authenticator/AuthenticatorScan.tsx

@@ -164,6 +164,8 @@ const AuthenticatorQRCodeCard: React.FC = () => {
       setDrawerInfo("Authenticator has been set successfully");
     } catch (error) {
       console.error(error);
+      setDrawerHeading(`Authenticator`);
+      setDrawerInfo(`Error Setting Authenticator: ${(error as Error).message || "Failed"}`);
     } finally {
       setIsLoading(false);
     }

demo/redirect-flow-example/src/components/mfa-cards/mnemonic/CreateMnemonic.tsx

@@ -51,6 +51,8 @@ const CreateMnemonicPhraseCard: React.FC = () => {
       setAddShareType("");
     } catch (error) {
       console.error(error);
+      setDrawerHeading(`Seed Phrase`);
+      setDrawerInfo(`Error Setting Seed phrase: ${(error as Error).message || "Failed"}`);
     } finally {
       setIsLoading(false);
     }

demo/redirect-flow-example/src/components/mfa-cards/password/CreatePassword.tsx

@@ -68,6 +68,8 @@ const GetPasswordCard: React.FC = () => {
       setDrawerInfo("Security question has been set successfully");
     } catch (error) {
       console.error(error);
+      setDrawerHeading("Security Question");
+      setDrawerInfo(`Error Setting Security Question: ${(error as Error).message || "Failed"}`);
     } finally {
       setIsLoading(false);
     }

demo/redirect-flow-example/src/components/mfa-cards/recovery/RecoveryOptionCard.tsx

@@ -5,10 +5,11 @@ import { Card } from "../../Card";
 import { useCoreKit } from "../../../composibles/useCoreKit";
 import { BN } from "bn.js";
 import { COREKIT_STATUS } from "@web3auth/mpc-core-kit";
+import { KeyType } from "@tkey/common-types";
 
 const RecoveryOptionsCard: React.FC = () => {
   const navigate = useNavigate();
-  const { coreKitInstance, setCoreKitStatus, existingModules } = useCoreKit();
+  const { coreKitInstance, setCoreKitStatus, existingModules, setKeyType } = useCoreKit();
 
   const handleRecoveryOption = (option: string) => {
     navigate(`/verify-${option}`);
@@ -27,6 +28,7 @@ const RecoveryOptionsCard: React.FC = () => {
       input: { message: "KEY_NOT_FOUND" },
     });
     await coreKitInstance.logout();
+    setKeyType(KeyType.secp256k1);
     setCoreKitStatus(COREKIT_STATUS.NOT_INITIALIZED)
     navigate("/");
   }