Mejorar diseño UI/UX de la interfaz principal

[KevinFernandez21]

Mejorar la experiencia de usuario y diseño visual de la aplicación siguiendo los principios de diseño moderno.

Componentes a mejorar:

1. Layout principal

   • Sistema de navegación claro
   • Diseño responsive para móvil/tablet/desktop
   • Modo oscuro/claro

2. Sección de video feed

   • Overlay con emoción detectada
   • Indicadores visuales de estado (detectando, sin rostro, error)
   • Controles de cámara (encender/apagar, cambiar cámara)

3. Visualización de emociones

   • Gráfico de emociones más intuitivo
   • Animaciones suaves en transiciones
   • Color coding consistente por emoción

4. Reproductor de Spotify

   • Integrar controles de reproducción
   • Mostrar carátula del álbum
   • Información de canción/artista
   • Indicador visual de cambio por emoción

5. Historial de emociones

   • Timeline visual más atractivo
   • Filtros por fecha/emoción
   • Export de datos (opcional)

Mejoras técnicas:

• Usar componentes de shadcn/ui consistentemente
• Animaciones con Framer Motion o CSS
• Optimizar rendimiento de re-renders
• Accesibilidad (ARIA labels, contraste de colores)