Contacts List with Online Status

This component displays a list of contacts with their name, email, role, and online status. It uses Tailwind CSS utilities like `divide-y`, `divide-gray-800`, and `flex` to create the stacked list with separators. The avatar images use `rounded-full` and `h-12 w-12` for consistent circular icons. The text uses `text-sm`, `text-white`, and `text-gray-400` for muted labels. There is also a hidden section on small screens that shows role and online status on large screens.