Pagination

페이지네이션 컴포넌트입니다.
URL의 page 파라미터를 기반으로 현재 페이지를 제어하며, 주어진 아이템 수와 페이지당 아이템 수를 기준으로 동적으로 페이지 버튼을 렌더링합니다.

---

✅ Props

이름	타입	필수	설명
totalItems	number	✅	전체 아이템 수
itemsPerPage	number	✅	한 페이지당 표시할 아이템 수
maxPageButtons	number	❌	화면에 보여줄 최대 페이지 버튼 수 (기본값: 5)

---

🔄 동작 방식

• 현재 페이지는 URL 쿼리 문자열 ?page=1 형태로 관리됩니다.
• maxPageButtons를 기준으로 페이지 그룹이 분할되어 렌더링됩니다.
• 현재 페이지 버튼은 비활성화되며 aria-current="page" 속성이 추가됩니다.
• 좌측 화살표는 첫 페이지에서 비활성화, 우측 화살표는 마지막 페이지에서 비활성화됩니다.
• 좌우 이동 화살표는 SVG 아이콘으로 커스터마이징되어 있습니다.

---

🎨 스타일링

• .pageButton과 .arrowButton은 기본 스타일이며, hover 및 disabled 상태에 따라 색상이 변경됩니다.
• 현재 페이지에는 .activePage 스타일이 적용되어 굵은 글씨와 하단 border가 표시됩니다.
• 아이콘 색상은 currentColor를 상속받아 동적으로 바뀝니다.

---

🧾 사용 예시

<Pagination
  totalItems={100}
  itemsPerPage={10}
/>