Integrar Spotify API con componentes del frontend

[KevinFernandez21]

Conectar los endpoints del backend de Spotify con los componentes React del frontend.

Tareas:

1. Componente SpotifyPlayer

   • Conectar con API para obtener track actual
   • Botones de control (play/pause/skip)
   • Actualización automática del estado de reproducción
   • Mostrar cuando la canción cambió por una emoción

2. Lógica de cambio de música por emoción

   • Detectar cambio de emoción en frontend
   • Enviar request para cambiar playlist/canción
   • Mostrar notificación al usuario
   • Debouncing para evitar cambios muy frecuentes

3. Manejo de estados

   • Loading states
   • Estados de error (no autenticado, sin Spotify Premium, etc.)
   • Estado de reproducción (playing, paused, stopped)

4. Custom Hooks

   • useSpotifyAuth() - Gestión de autenticación
   • useSpotifyPlayer() - Control de reproductor
   • useEmotionMusic() - Lógica emoción->música