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

Quiero que rediseñes el **Panel Lateral General** para que sea completamente responsivo y visualmente atractivo. Sigue estas instrucciones específicas: 1. **Organización Modernizada:** - Organiza los datos en formato de cuadrícula en lugar de colocarlos uno sobre otro. - Mantén un diseño limpio con suficiente espaciado y bordes redondeados. 2. **Responsividad Completa:** - En pantallas grandes, organiza los elementos en varias columnas (por ejemplo, 2 o 3 columnas). - En pantallas pequeñas, reorganiza automáticamente a una sola columna. 3. **Aspecto Visual:** - Mejora el diseño con colores suaves, sombras sutiles y una tipografía clara. - Asegúrate de que el diseño sea consistente con el resto de la aplicación. 4. **Diseño Intuitivo:** - Resalta los datos más importantes con tipografía y colores destacados. Proporciona el código necesario en React y CSS para implementar estos cambios.