feat(ai-character): 캐릭터 목록 사용성 개선

src/shared/ui/__tests__/resource-pagination.test.tsx

@@ -1,4 +1,4 @@
-import { fireEvent, render, screen } from "@testing-library/react";
+import { fireEvent, render, screen, within } from "@testing-library/react";
 import { expect, test, vi } from "vitest";
 
 import type { PageData } from "@/shared/api/pagination";
@@ -56,3 +56,18 @@ test("ResourcePagination connects each page size label to a unique select", () =
   expect(new Set(selectIds).size).toBe(selectIds.length);
   expect(labels.map((label) => label.control)).toEqual(selects);
 });
+
+test("ResourcePagination separates page size from an equal-width mobile movement row", () => {
+  render(<ResourcePagination data={pageData} onPageChange={vi.fn()} onSizeChange={vi.fn()} />);
+
+  const sizeControls = screen.getByRole("group", { name: "페이지 크기 설정" });
+  const movementControls = screen.getByRole("group", { name: "페이지 이동" });
+  const previous = within(movementControls).getByRole("button", { name: "이전 페이지" });
+  const next = within(movementControls).getByRole("button", { name: "다음 페이지" });
+
+  expect(within(sizeControls).getByLabelText("페이지 크기")).toBeInTheDocument();
+  expect(sizeControls).not.toContainElement(previous);
+  expect(movementControls).toHaveClass("grid-cols-2");
+  expect(previous).toHaveClass("min-h-11", "w-full");
+  expect(next).toHaveClass("min-h-11", "w-full");
+});