Group List - Copy this React, Tailwind Component to your project

Mobile Main Screen (Group List) Group List: Rectangular cards with the group name, an icon representing the group (e.g., a camera, a color palette) and a mini avatar of each group member. Create New Group” button: Visible in the top or bottom corner, rounded and colored (perhaps in shades of green or yellow) to stand out. Profile Icon: In the upper right corner, showing the user's avatar. Real Time Animation: A timer next to each group, indicating how much time is left for the next mission or the voting status if the mission is active.