<div class="sidenav-user d-flex align-items-center">
  <img
    src="assets/images/users/user-2.jpg"
    class="rounded-circle me-2"
    width="36"
    height="36"
    alt="user-image"
    onerror="this.src='assets/images/users/user-default.jpg'"
  />
  <div>
    <h5 class="my-0 fw-semibold">
      {{ getUserInitials() }} | {{ getDisplayName() }}
    </h5>
    <h6 class="my-0 text-muted">
      {{ getUserRole(user) }}
    </h6>
  </div>
</div>