Contact List with Profile Images

This component displays a responsive contact list with profile images, names, emails, roles, and online status. It uses Tailwind CSS utility classes like divide-y, hover, flex, gap-x, truncate, bg-gray-50, text-sm, etc. to style the list items. The list items have a divider and change background on hover. The left side has the image, name and email. The right side shows role and online status on desktop.