feat: signin test email magic signup in app (#3749)

* feat: signin test email magic signup in app

* fix: no signIn page in nextauth

* fix: remove commented signIN

* Update apps/web/pages/auth/signin.tsx

remove import useRouter

Co-authored-by: Omar López <zomars@me.com>

Co-authored-by: Agusti Fernandez Pardo <git@agusti.me>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Omar López <zomars@me.com>

Author: 4 people

apps/web/pages/auth/signin.tsx

@@ -0,0 +1,42 @@
+import { GetServerSidePropsContext } from "next";
+import { getProviders, signIn, getSession, getCsrfToken } from "next-auth/react";
+
+import { Button } from "@calcom/ui/v2";
+
+type Provider = {
+  name: string;
+  id: string;
+};
+
+function signin({ providers }: { providers: Provider[] }) {
+  return (
+    <div className="center mt-10 justify-between space-y-5 text-center align-baseline">
+      {Object.values(providers).map((provider) => {
+        return (
+          <div key={provider.name}>
+            <Button onClick={() => signIn(provider.id)}>Sign in with {provider.name}</Button>
+          </div>
+        );
+      })}
+    </div>
+  );
+}
+
+export default signin;
+
+export async function getServerSideProps(context: GetServerSidePropsContext) {
+  const session = await getSession(context);
+  const csrfToken = await getCsrfToken(context);
+  const providers = await getProviders();
+  if (session) {
+    return {
+      redirect: { destination: "/" },
+    };
+  }
+  return {
+    props: {
+      csrfToken,
+      providers,
+    },
+  };
+}