Next upgrade multiview

[trash-lobster]

Closed the previous PR - added a few changes and fixes

Multiview tool bar changes:

Current version:

Updated version:

1. Update the visual of the bar to match the tab sticky bar from the home page
2. Added icons taken mainly from heroicons kit
3. Added tooltip to display the planned function of these buttons
4. Wrap live channel avatar in a tooltip provider so we can display video card in a responsive way
5. Added mouse wheel event to allow scrolling across the vertical live channel list
6. Lifting visual layout from existing components such as video cards to ensure that the style stays consistent
7. Replaced placeholder live time with actual time since live or time till live based on video status
8. Added a time utility to calculate the time difference and format the result

Multiview background

1. Added a background that displays the 24 x 24 grid responsively
2. Would it be a good idea to remove the copyright notice when in multiview page?
3. Clicking on the channel icons from the tool bar would add a video player (using the existing PlayerWrapper component)
4. The panel size is dynamic. For the time being, it is using React Grid Layout's default setting
5. Videopanels can switch places with one another by dragging and covering corners. The logic might still need a bit of work, but a basic version works,. The change in order is also retained after addition and removal of cells.
6. Prototyped the ability to resize panels and have the other impacted panels response
7. Add state management of videos that are in multiplayer and channel icons at the tool bar will alter based on what has been selected to prevent double-dipping on videos being played
8. Added placeholder cell to display when pressing on the return button on the video player cell
9. Delete function added to the player cell to allow video to be removed from currently playing
10. Add an autoplay property to the existing PlayerWrapper component to prevent autoplay in multiview
11. Taking advantage of the video state initialised in the PlayerWrapper component to manage visibility of the video control bar

Note:

1. Twitch players are not working - other pages are defaulting to a link to open to twitch stream in another page. Might consider doing the same or preventing twitch channel lives are showing up altogether