Contact List with Avatar, Name, Email, Role and Online Status

This displays a responsive vertical list of contacts with the following elements - - Round avatar image - Name displayed in bold - Email address - Role or job title - Online status indicator It uses tailwind css utility classes like: - divide-y - Adds divider between each list item - justify-between - Spaces out content horizontally - gap-x-* - Creates horizontal gaps between elements - py-* - Adds vertical padding - text-sm - Sets font size - text-gray-900 - Sets text color - bg-gray-50 - Sets background color - flex - Enables flexbox - truncate - Truncates overflowing text - hidden - Hides content on small screens - sm:flex - Shows hidden content on medium screens