feat(SignInDialog): add error toast

src/components/SignInDialog.tsx

@@ -3,11 +3,12 @@
 import { signIn } from "@/actions/auth";
 import { signInDialogOpenAtom } from "@/config/atoms";
 import { env } from "@/lib/env";
-import { SignIn, User, Wallet } from "@phosphor-icons/react/dist/ssr";
+import { SignIn, User, Wallet, XCircle } from "@phosphor-icons/react/dist/ssr";
 import { DialogDescription } from "@radix-ui/react-dialog";
 import { useMutation } from "@tanstack/react-query";
 import { useAtom, useSetAtom } from "jotai";
 import { shortenHex } from "lib/shortenHex";
+import { toast } from "sonner";
 import { createSiweMessage } from "viem/siwe";
 import { useAccount, useConnect, useSignMessage } from "wagmi";
 import { z } from "zod";
@@ -110,6 +111,13 @@ const SignInWithEthereum = () => {
       return signIn({ message, signature });
     },
     onSuccess: () => setSignInDialogOpen(false),
+    onError: (error) => {
+      toast("Sign in error", {
+        description: error.message,
+        icon: <XCircle weight="fill" className="text-icon-error" />,
+      });
+      console.error(error);
+    },
   });
 
   return (