display the list of clients for this book
<ul
    class="px-0 list-unstyled users-list m-0 gap-1 avatar-group d-flex align-items-center mb-2">
    <li data-bs-toggle="tooltip" data-popup="tooltip-custom"
        data-bs-placement="top" class="avatar avatar-sm pull-up"
        title="Lilian Fuller">
        <img src="/static/assets/img/avatars/5.png" alt="Avatar"
            class="rounded-circle" />
    </li>
    <li data-bs-toggle="tooltip" data-popup="tooltip-custom"
        data-bs-placement="top" class="avatar avatar-sm  pull-up"
        title="Sophia Wilkerson">
        <img src="/static/assets/img/avatars/6.png" alt="Avatar"
            class="rounded-circle" />
    </li>
    <li data-bs-toggle="tooltip" data-popup="tooltip-custom"
        data-bs-placement="top" class="avatar avatar-sm  pull-up"
        title="Christina Parker">
        <img src="/static/assets/img/avatars/7.png" alt="Avatar"
            class="rounded-circle" />
    </li>
    <li data-bs-toggle="tooltip" data-popup="tooltip-custom"
        data-bs-placement="top" class="avatar avatar-sm  pull-up"
        title="Lilian Fuller">
        <img src="/static/assets/img/avatars/5.png" alt="Avatar"
            class="rounded-circle" />
    </li>
    <li data-bs-toggle="tooltip" data-popup="tooltip-custom"
        data-bs-placement="top" class="avatar avatar-sm  pull-up"
        title="Sophia Wilkerson">
        <img src="/static/assets/img/avatars/6.png" alt="Avatar"
            class="rounded-circle" />
    </li>
    <li data-bs-toggle="tooltip" data-popup="tooltip-custom"
        data-bs-placement="top" class="avatar avatar-sm  pull-up"
        title="Christina Parker">
        <img src="/static/assets/img/avatars/7.png" alt="Avatar"
            class="rounded-circle" />
    </li>
</ul>