Add Keycloak as a Link login option

apps/link/app/(login)/login/_components/Login.tsx

@@ -14,6 +14,7 @@ import {
   Google as GoogleIcon,
   Microsoft as MicrosoftIcon,
   Key as KeyIcon,
+  VpnKey as KeycloakIcon,
 } from "@mui/icons-material";
 import { signIn, getProviders } from "next-auth/react";
 import Image from "next/image";
@@ -200,6 +201,21 @@ export const Login: FC<LoginProps> = ({ session, baseURL }) => {
                       </IconButton>
                     </Grid>
                   )}
+                  {provider === "keycloak" && (
+                    <Grid item sx={{ width: "100%" }}>
+                      <IconButton
+                        sx={buttonStyles}
+                        onClick={() =>
+                          signIn("keycloak", {
+                            callbackUrl,
+                          })
+                        }
+                      >
+                        <KeycloakIcon sx={{ mr: 1 }} />
+                        Sign in with Keycloak
+                      </IconButton>
+                    </Grid>
+                  )}
                   {provider === "credentials" && (
                     <Grid item container spacing={3}>
                       <Grid item sx={{ width: "100%" }}>