feat: pass specific error messages to the linking failed page and add top margin to its error display.

Author: JoseSzycho

apps/login/src/app/(main)/(boxed)/idp/[provider]/success/page.tsx

@@ -284,11 +284,11 @@ export default async function Page(props: {
       });
     } catch (error) {
       console.error(error);
-      return linkingFailed();
+      return linkingFailed((error as Error).message);
     }
 
     if (!idpLink) {
-      return linkingFailed();
+      return linkingFailed("Could not link identity provider");
     } else {
       return linkingSuccess(
         resolvedUserId,

apps/login/src/components/idps/pages/linking-failed.tsx

@@ -11,7 +11,7 @@ export async function linkingFailed(error?: string) {
         <Translated i18nKey="linkingError.description" namespace="idp" />
       </p>
       {error && (
-        <div className="w-full">
+        <div className="mt-4 w-full">
           {<Alert type={AlertType.ALERT}>{error}</Alert>}
         </div>
       )}