Dashboard - Copy this React, Tailwind Component to your project

Diseña un dashboard funcional para un paciente dentro de una plataforma médica. El diseño debe incluir navegación completa y permitir ver y editar tanto los datos personales como los datos clínicos del paciente. Además, debe incluir acceso al historial médico y funcionalidades para ver citas médicas pasadas y futuras, así como agendar nuevas citas. Detalles clave: El layout debe tener un sidebar lateral con los siguientes apartados: Inicio Datos personales Datos de paciente Historial médico Mis citas Agendar cita Cerrar sesión Cada sección debe ser totalmente funcional visualmente: Datos personales: formulario editable con campos como nombre, correo, teléfono, dirección, etc. Datos de paciente: formulario editable con grupo sanguíneo, alergias, enfermedades crónicas, etc. Historial médico: mostrar lista o timeline de consultas anteriores con detalle de fecha, diagnóstico y médico tratante. Mis citas: ver citas programadas y pasadas, con opción de cancelar si está activa. Agendar cita: formulario paso a paso para seleccionar especialidad, médico, fecha y hora. El diseño debe ser limpio, moderno, accesible y fácil de usar. Usa colores suaves (como azul o verde médico), tipografía legible y componentes visuales bien organizados (tarjetas, formularios, tablas, etc.). Todo el dashboard debe tener navegación funcional (al menos visualmente) entre secciones. La edición de datos debe mostrar claramente estados como "Editar" y "Guardar cambios". El sidebar debe ser responsivo. TE RECUERDO HACER LOS FORMULARIOS PARA LAS SECCIONES DE DATOS PERSONALES Y DE PACIENTES, Y QUE ESOS FORMULARIOS YA TRAIGAN DATOS PREGARCADOS Y QUE NO SEAN EDIATBALES HASTA QUE EL USUARIO QUIERA. Y EN CADA SECCION POR FAVOR HACER UN DISEÑO CONTEMPORANEO Y BONITO, INCLUIR ANIMACIONES CON FRAMER MOTION. Hacer que el sidebar se pueda minimizar