fix: align drainage frontend configuration

tests/browser/workbench-top-bar-mobile.e2e.ts

@@ -2,7 +2,7 @@ import { expect, test } from "playwright/test";
 
 test("top bar uses compact controls on narrow mobile viewports", async ({ page }) => {
   await page.setViewportSize({ width: 390, height: 844 });
-  await page.goto("/", { waitUntil: "networkidle" });
+  await page.goto("/", { waitUntil: "domcontentloaded" });
 
   await expect(page.locator('meta[name="viewport"]')).toHaveAttribute(
     "content",
@@ -15,7 +15,7 @@ test("top bar uses compact controls on narrow mobile viewports", async ({ page }
 
 test("top bar keeps text horizontal at the desktop breakpoint", async ({ page }) => {
   await page.setViewportSize({ width: 1024, height: 844 });
-  await page.goto("/", { waitUntil: "networkidle" });
+  await page.goto("/", { waitUntil: "domcontentloaded" });
 
   const header = page.locator("header").first();
   await expect(header).toBeVisible();