Team Page - Copy this React, Tailwind Component to your project

Cuando se haga clic en el botón de "Organización", las casillas deben reordenarse en formato de lista horizontal con el estilo mostrado en la imagen proporcionada: Incluir una tabla con columnas claras y datos alineados (Nombre, Interacciones, Porcentaje de Satisfacción, Última Actividad). Añadir un diseño simple con líneas divisorias grises entre filas. Diseño de la Lista: Datos por columna: Primera columna: Nombre del usuario con su avatar circular alineado a la izquierda. Segunda columna: Número de interacciones. Tercera columna: Porcentaje de satisfacción con un estilo visual (círculo o fondo verde). Cuarta columna: Fecha de última actividad, con tipografía gris tenue. Interactividad: Botón de volver al formato original: Proveer un botón que permita regresar al diseño de casillas original. Transiciones suaves entre ambos formatos (casillas y lista). Responsividad: Asegurar que el diseño sea totalmente responsive, ajustándose bien en pantallas más pequeñas como móviles, mostrando una fila por usuario con datos apilados verticalmente.