feat(auth): agregar menú desplegable de usuario
Cambios realizados
- Se reemplazó el botón directo de cierre de sesión por un menú desplegable.
- Se muestran las iniciales, el nombre completo y el rol del usuario autenticado.
- Se agregó un indicador para abrir y cerrar el menú.
- Se incorporaron las opciones visuales:
- Mi perfil.
- Preferencias.
- Ayuda.
- Las opciones anteriores quedan sin navegación por el momento.
- Se trasladó la acción de cerrar sesión al menú.
- El cierre de sesión continúa invalidando el JWT, eliminando el token local y redirigiendo al login.
- Se agregaron atributos semánticos para identificar el componente como menú.
Verificación
- El menú abre y cierra correctamente.
- Los datos del usuario autenticado se muestran correctamente.
- La opción “Cerrar sesión” conserva su funcionamiento.
- TypeScript finaliza sin errores.
-
Header.tsxpasa ESLint sin errores.
Pendiente
- Las opciones “Mi perfil”, “Preferencias” y “Ayuda” se conectarán cuando existan sus respectivas funcionalidades.
- La protección del dashboard se realizará en una tarea separada.