Merge branch 'hotfix/1.26.1' into develop

app/[locale]/login/page.tsx

@@ -47,7 +47,7 @@ const Page:FC = async () => {
       </h1>
       <p className="p mt-[1em] text-center">{t("main-card.text-1")}</p>
       <p className="p mb-[1em] text-center">{t("main-card.text-2")}</p>
-      <span className="text-center">
+      <span className="flex justify-center">
       {
         Object.values(providers).map((provider) => (
           <div key={provider.name}>

app/lib/auth.ts

@@ -38,9 +38,22 @@ export const authConfig: NextAuthConfig = {
          clientId: process.env.GOOGLE_ID,
          clientSecret: process.env.GOOGLE_SECRET,
       }),
+      // config based on https://github.com/nextauthjs/next-auth/issues/8831
       LinkedinProvider({
          clientId: process.env.LINKEDIN_ID,
          clientSecret: process.env.LINKEDIN_SECRET,
+         authorization: { params: { scope: 'email openid' } },
+         issuer: 'https://www.linkedin.com',
+         jwks_endpoint: "https://www.linkedin.com/oauth/openid/jwks",
+         async profile(profile) {
+             return {
+                 id: profile.sub,
+                 name: profile.name,
+                 firstname: profile.given_name,
+                 lastname: profile.family_name,
+                 email: profile.email
+             }
+         },
       })
    ],
    secret: process.env.AUTH_SECRET,

app/ui/SignInButton.tsx

@@ -21,7 +21,7 @@ export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({
   const t = useTranslations("login-page");
 
     return(
-        <button className="btn btn-neutral mx-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
+        <button className="btn btn-neutral m-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
             <Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
             <span>
                 {t("sign-in-button")} {provider.name}</span>