feat(ai): add ADR-036 unified OCR architecture and frontend test coverage

- Add ADR-036 unified OCR architecture (typhoon-ocr via Ollama)
- Extend AI execution profiles for OCR sandbox configuration
- Add comprehensive frontend test coverage (components, hooks, services)
- Add backend test coverage for document-numbering services
- Update OCR sidecar with typhoon-ocr integration
- Add AI policy service and execution profile management
- Update AGENTS.md and architecture documentation

frontend/components/common/__tests__/pagination.test.tsx

@@ -0,0 +1,72 @@
+// File: frontend/components/common/__tests__/pagination.test.tsx
+// Change Log:
+// - 2026-06-13: Initial creation - test coverage for Pagination component
+// - 2026-06-13: Refactor to remove blank lines inside functions to satisfy project guidelines
+
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { Pagination } from '../pagination';
+
+const mockPush = vi.fn();
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({
+    push: mockPush,
+    replace: vi.fn(),
+    back: vi.fn(),
+    forward: vi.fn(),
+    refresh: vi.fn(),
+    prefetch: vi.fn(),
+  }),
+  usePathname: () => '/',
+  useSearchParams: () => new URLSearchParams(),
+}));
+
+describe('Pagination Component', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('ควรเรนเดอร์ข้อมูลหน้าปัจจุบัน หน้าทั้งหมด และรายการทั้งหมดสำเร็จ', () => {
+    render(<Pagination currentPage={2} totalPages={5} total={50} />);
+    expect(screen.getByText('Showing page 2 of 5 (50 total items)')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Previous' })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: 'Next' })).toBeInTheDocument();
+  });
+
+  it('ควร disable ปุ่ม Previous เมื่ออยู่หน้าแรก', () => {
+    render(<Pagination currentPage={1} totalPages={5} total={50} />);
+    const prevBtn = screen.getByRole('button', { name: 'Previous' });
+    const nextBtn = screen.getByRole('button', { name: 'Next' });
+    expect(prevBtn).toBeDisabled();
+    expect(nextBtn).not.toBeDisabled();
+  });
+
+  it('ควร disable ปุ่ม Next เมื่ออยู่หน้าสุดท้าย', () => {
+    render(<Pagination currentPage={5} totalPages={5} total={50} />);
+    const prevBtn = screen.getByRole('button', { name: 'Previous' });
+    const nextBtn = screen.getByRole('button', { name: 'Next' });
+    expect(prevBtn).not.toBeDisabled();
+    expect(nextBtn).toBeDisabled();
+  });
+
+  it('ควรเปลี่ยนหน้าเมื่อคลิกปุ่ม Next', () => {
+    render(<Pagination currentPage={2} totalPages={5} total={50} />);
+    const nextBtn = screen.getByRole('button', { name: 'Next' });
+    fireEvent.click(nextBtn);
+    expect(mockPush).toHaveBeenCalledWith('/?page=3');
+  });
+
+  it('ควรเปลี่ยนหน้าเมื่อคลิกปุ่ม Previous', () => {
+    render(<Pagination currentPage={2} totalPages={5} total={50} />);
+    const prevBtn = screen.getByRole('button', { name: 'Previous' });
+    fireEvent.click(prevBtn);
+    expect(mockPush).toHaveBeenCalledWith('/?page=1');
+  });
+
+  it('ควรเปลี่ยนหน้าเมื่อคลิกหมายเลขหน้าโดยตรง', () => {
+    render(<Pagination currentPage={2} totalPages={5} total={50} />);
+    const pageBtn = screen.getByRole('button', { name: '4' });
+    fireEvent.click(pageBtn);
+    expect(mockPush).toHaveBeenCalledWith('/?page=4');
+  });
+});