added custom login screen

app/ui/SignInButton.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { signIn } from "next-auth/react"
+import { Button } from "@/app/ui/button";
+
+const providerLogo = (provider: {id:string, name:string}) => {
+    switch(provider.id) {
+        case "google": return "https://authjs.dev/img/providers/google.svg";
+        case "facebook": return "https://authjs.dev/img/providers/facebook.svg";
+        case "github": return "https://authjs.dev/img/providers/github.svg";
+        case "twitter": return "https://authjs.dev/img/providers/twitter.svg";
+        case "email": return "https://authjs.dev/img/providers/email.svg";
+        default: return "https://authjs.dev/img/providers/google.svg";
+    }
+}
+
+export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({ provider }) =>
+<button className="btn btn-neutral" onClick={() => signIn(provider.id)}>
+    <img loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
+    <span>Sign in with {provider.name}</span>
+</button>
+
+