Customize a playlists functionality

[Mat_dweb]

About the Issue

You are ask to create a add & remove songs from playlist functionality
This must enable the users to:

• select the songs they want and ADD them to the playlist
• REMOVE any song they want from the playlist

Add & Remove form Playlists Functionality

This functionality is all about users interacting with the Interface so that they can effectively ADD the songs that appear (based on their input, learn more in #5 ticket) and REMOVE the songs from the playlist.

How to do it?

There are different ways of doing this, but what you need to take into consideration for this ticket is:

1. Each the Results and Playlists boxes must display the data that is stored in the SpotifyContext
   

2. When a song is added to the playlist, the SpotifyContext must be updated

3. When a song is removed from the playlist, the SpotifyContext must be updated

Learn about the SpotifyContext and this app's state in this #21 Pull Request

State management

As explained previously, you need to manage (edit, add, remove) for all this data, but with the SpotifyContext. So that the context/state of the application is always up to date.

This ticket uses mock-data because the real data must be provided in this functionality #5

See how it should work

Take a look to functionality in Figma Design: