Create a song player React component

I had 45m to implement this component. This is a classic React Context + state management exercise — a music player with song selection, next/previous navigation, and replay modes. Let me break down what you need to implement and then give you the solution. What the task is asking: You have two components (ControlBar and Songs) that share state via Context. You need to: 1. Track the current song — clicking a Song makes it active (green title, active={true} on SongTitle). 2. Display current song in ControlBar — format: ${author} - ${songTitle}, empty string if none selected. 3. Replay mode cycling — button cycles: Not replaying → Replaying all → Replaying one → Not replaying → ... 4. Next/Previous with mode-aware logic: - Not replaying: Previous at start = stays same; Next at end = no song selected - Replaying all: Previous at start = last song; Next at end = first song (wraps) - Replaying one: Next and Previous both keep the current song 5. Previous/Next without a mode — changes song to adjacent, or wraps/stops based on mode 6. usePlayerContext error — throw if used outside PlayerProvider