Sidebar - Copy this React, Tailwind Component to your project

Cuando presiones en la barra lateral en Settings, muestra en la derecha un panel completo de configuración estructurado en secciones para una experiencia intuitiva y funcional. Organiza el panel de la siguiente manera: 1. Perfil de Usuario: • Permitir cambiar el avatar con una opción para restablecerlo al valor predeterminado. • Editar el nombre del espacio y una descripción breve para identificar al equipo o usuario. • Incluir la fecha de creación del espacio en un texto discreto en la parte inferior. 2. Miembros del Equipo: • Mostrar una tabla con los miembros actuales del espacio, sus roles (como “Administrador” o “Colaborador”) y su estado (Activo/Inactivo). • Agregar un botón destacado para invitar a nuevos miembros, con una animación sutil al pasar el cursor. • Incluir la opción de “Descubrimiento de Espacio” con un interruptor para habilitar o deshabilitar la visibilidad del equipo. 3. Suscripciones: • Mostrar el plan actual, con detalles claros como estado (Activo/Inactivo), precio mensual o anual, y fechas de renovación. • Agregar botones para gestionar suscripciones y contactar al soporte técnico en caso de problemas con el pago. • Usar colores intuitivos: verde para estado activo y rojo para inactivo. 4. Configuración General: • Incluir opciones para cambiar el idioma del sistema (por ejemplo, entre inglés y español) mediante un menú desplegable. • Configurar opciones de seguridad como la autenticación en dos pasos (2FA) y actualizaciones de contraseñas. • Agregar un apartado de registro de auditoría (Audit Log) para ver las acciones recientes dentro del espacio. 5. Interactividad y Diseño: • Asegúrate de que todas las secciones tengan bordes redondeados, sombras ligeras y animaciones suaves al interactuar. • El diseño debe ser completamente responsivo, adaptándose perfectamente a cualquier dispositivo o tamaño de pantalla. • Usar un esquema de colores moderno y profesional, con secciones bien separadas y etiquetas claras para una navegación fácil. Este panel debe brindar todas las herramientas necesarias para gestionar el espacio de manera eficiente, combinando funcionalidad con un diseño visual atractivo y organizado.