feat: integrate orgfront and expose internal ids

orgfront/tests/clients.spec.ts

@@ -0,0 +1,39 @@
+import { expect, test } from "@playwright/test";
+import {
+  type Consent,
+  installDevApiMock,
+  makeClient,
+  seedAuth,
+} from "./helpers/devfront-fixtures";
+
+test("clients page loads correctly", async ({ page }) => {
+  await seedAuth(page);
+  await installDevApiMock(page, {
+    clients: [
+      makeClient("client-playwright", {
+        name: "Playwright Client",
+        createdAt: new Date().toISOString(),
+        redirectUris: ["http://localhost:5174/callback"],
+      }),
+    ],
+    consents: [] as Consent[],
+    auditLogsByCursor: undefined,
+  });
+
+  await page.goto("/clients");
+  await expect(page).toHaveURL(/\/clients$/);
+
+  // 타이틀 확인
+  await expect(page).toHaveTitle(/바론 개발자 서비스/);
+
+  // 페이지 내 주요 텍스트 확인
+  await expect(page.getByText("연동 앱 목록")).toBeVisible();
+
+  // 테이블 헤더 확인
+  await expect(
+    page.locator("th").filter({ hasText: "애플리케이션" }),
+  ).toBeVisible();
+  await expect(
+    page.locator("th").filter({ hasText: /클라이언트 ID|Client ID/i }),
+  ).toBeVisible();
+});