Sidebar - Copy this React, Tailwind Component to your project

Cuando presiones en la barra lateral en Settings, muestra un panel que ocupe toda la pantalla, manteniendo el Dashboard original cuando regreses. El diseño debe incluir: 1. Header Superior: • Un header fijo con un botón de retroceso en la esquina izquierda que permita volver al Dashboard. • El título “Settings” centrado. • Fondo blanco con un borde inferior gris claro. 2. Secciones Principales: • Perfil del Usuario: • Permitir cambiar y guardar el avatar. • Campos editables para el nombre, correo y descripción. • Miembros del Equipo: • Mostrar una lista de miembros con opciones para invitar, editar roles o eliminar. • Suscripción: • Mostrar el estado actual de la suscripción. • Plan: 15 USD/mes. • Botón para modificar o cancelar la suscripción. • Configuración de Idiomas: • Opciones para cambiar entre Español, Inglés y Chino. • Configuraciones Generales: • Permitir gestionar accesos de invitados y ajustes relacionados al sistema. 3. Diseño e Interactividad: • Las secciones deben ser completamente responsivas. • Animaciones suaves para transiciones entre secciones. • Botones destacados para acciones principales. Al regresar al Dashboard, asegúrate de que el diseño original permanezca intacto.