🧑‍💻(e2e) display more information when auth fails

When the auth fails, it was quite obscure to
understand what was going on.
We now take a screenshot of the page and display
the console logs.

src/frontend/apps/e2e/.gitignore

@@ -4,3 +4,4 @@ report/
 blob-report/
 playwright/.auth/
 playwright/.cache/
+screenshots/

src/frontend/apps/e2e/__tests__/app-impress/auth.setup.ts

@@ -12,23 +12,36 @@ const saveStorageState = async (
   const context = await browser.newContext(useConfig);
   const page = await context.newPage();
 
-  await page.goto('/', { waitUntil: 'networkidle' });
-  await page.content();
-  await expect(page.getByText('Docs').first()).toBeVisible();
+  try {
+    await page.goto('/', { waitUntil: 'networkidle' });
+    await page.content();
+    await expect(page.getByText('Docs').first()).toBeVisible();
 
-  await keyCloakSignIn(page, browserName);
+    await keyCloakSignIn(page, browserName);
 
-  await expect(
-    page.locator('header').first().getByRole('button', {
-      name: 'Logout',
-    }),
-  ).toBeVisible();
+    await expect(
+      page.locator('header').first().getByRole('button', {
+        name: 'Logout',
+      }),
+    ).toBeVisible();
 
-  await page.context().storageState({
-    path: storageState as string,
-  });
+    await page.context().storageState({
+      path: storageState as string,
+    });
+  } catch (error) {
+    console.log(error);
 
-  await browser.close();
+    await page.screenshot({
+      path: `./screenshots/${browserName}-${Date.now()}.png`,
+    });
+    // Get console logs
+    const consoleLogs = await page.evaluate(() =>
+      console.log(window.console.log),
+    );
+    console.log(consoleLogs);
+  } finally {
+    await browser.close();
+  }
 };
 
 async function globalSetup(config: FullConfig) {