html
  <div class="flex flex-col"
    hx-trigger="load"
    hx-get="{% url "appointment-list" %}"
    hx-target="#appointment-left-content"
    hx-swap="innerHTML">
    loading appointments..
    <img class="self-center"
      height="100"
      width="100"
      src="{% static "img/loading.svg" %}">
  </div>