Pagination

<nav aria-label="Pagination">
  <ul class="pagination">
    <li>
      <a href="#" class="pagination-item" aria-label="Previous page">
        <ChevronLeft size={18} />
      </a>
    </li>
    <li>
      <a href="#" class="pagination-item">1</a>
    </li>
    <li>
      <a href="#" class="pagination-item" aria-current="page">2</a>
    </li>
    <li>
      <a href="#" class="pagination-item">3</a>
    </li>
    <li>
      <span class="pagination-ellipsis">...</span>
    </li>
    <li>
      <a href="#" class="pagination-item">10</a>
    </li>
    <li>
      <a href="#" class="pagination-item" aria-label="Next page">
        <ChevronRight size={18} />
      </a>
    </li>
  </ul>
</nav>