fix: align migrated Tailwind styles

src/app/app.e2e.ts

@@ -31,3 +31,39 @@ test("renders the migrated WebGIS workbench shell", async ({ page }) => {
   });
   await expect.poll(() => riveRequests.length, { timeout: 25_000 }).toBe(1);
 });
+
+test("animates the compact header menu without overflowing", async ({ page }) => {
+  await page.emulateMedia({ reducedMotion: "no-preference" });
+  await page.setViewportSize({ width: 375, height: 812 });
+  await page.goto("/");
+
+  await page.locator('button[aria-label^="查看异常处置面板"]:visible').click();
+
+  const menu = page.locator('[role="menu"][data-state="open"]');
+  await expect(menu).toBeVisible();
+
+  const animation = await menu.evaluate((element) => {
+    const style = window.getComputedStyle(element);
+    return {
+      duration: Number.parseFloat(style.animationDuration) * 1_000,
+      name: style.animationName
+    };
+  });
+  expect(animation.name).toContain("enter");
+  expect(animation.duration).toBeGreaterThan(0);
+
+  const menuBounds = await menu.boundingBox();
+  expect(menuBounds).not.toBeNull();
+  expect(menuBounds!.x).toBeGreaterThanOrEqual(0);
+  expect(menuBounds!.x + menuBounds!.width).toBeLessThanOrEqual(375);
+});
+
+test("renders map notices through a single toaster", async ({ page }) => {
+  await page.goto("/");
+
+  await expect(page.locator("[data-sonner-toaster]")).toHaveCount(1);
+  await page.getByLabel("打开用户菜单").click();
+  await page.getByRole("menuitem", { name: /查看运行状态/ }).click();
+
+  await expect(page.locator("[data-sonner-toast]")).toHaveCount(1);
+});