<div class="flex-shrink-0 flex justify-between items-center border-t border-sidebar-200 p-4">
  <div class="flex items-center">
    <p class="text-sm ml-3 font-medium text-white">
      <%= "#{@user.first_name} #{@user.last_name}" %>
    </p>
  </div>
  <%= render(SignOutButtonComponent.new) %>
</div>
