Add a global state for the queue of the current player

[xypnox]

The state should be either a redux store or a context store.

It will save

• the current queue and
• the current playing song

and should expose functions to

• change the currently playing song
• load next set of songs
• Shuffle the queue and move the currently playing song to the top
• optional
  • filter queue
  • load history
    • queue history can be stored in localstorage

The state will be necessary in various operations:

• Load more videos when the end of the queue is reached Load more videos when the end of the queue is reached #50
• Populate queue when only ID is passed in /video route Populate queue when only ID is passed in /video route  #51
• Load next videos in the queue Load next videos in the queue #57
• Updating the video and queue and automatically handling change of URL. Back button working unexpectedly #72
  

  falcon/src/components/video.tsx

  Lines 33 to 40 in 603be5e

  	let changeURLid = (id: string) => {
  	if (window !== undefined) {
  	if (window.history.pushState) {
  	var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + "?=" + id;
  	window.history.pushState({ path: newurl }, "", newurl);
  	}
  	}
  	};