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

Mantener el diseño general del panel derecho como está en la página actual. Mejorar exclusivamente la sección central del panel, específicamente: El indicador del "Time Log" debe rediseñarse para que luzca como un gráfico circular animado (similar al ejemplo proporcionado). Añadir colores degradados (morado y azul) al progreso del gráfico. Mostrar el porcentaje en el centro del círculo, con texto claro y destacado. Sección de Proyectos: Reorganizar los datos existentes en tarjetas pequeñas con bordes suaves y colores diferenciados para: Total (gris neutro). Completados (verde). En progreso (azul). Pendientes (amarillo). Asegurarse de que las tarjetas mantengan el estilo actual pero sean más claras y organizadas. Mensajes Internos (Centro de Declaraciones): Mejorar el cuadro de "Mensajes Internos" con un diseño más destacado: Añadir un ícono representativo (como un sobre o un chat). Mantener el contador de mensajes pero alinearlo mejor visualmente. Puntos Específicos: Respetar el diseño general del panel, incluidas las proporciones, tipografía, y colores base. Mejorar visualmente la sección central con un estilo más moderno y elegante. Mantener la responsividad para que el panel se ajuste correctamente en todos los dispositivos. Usar colores de acento para diferenciación visual (morado, azul, verde y amarillo). Objetivo Final: El panel debe conservar su estructura y estilo general, pero la sección central debe lucir más moderna y funcional, tal como el gráfico circular animado mostrado en el ejemplo.