Create list view for stems aggregate page

[drewcook]

Stem Playback on the aggregated page

This enhancement should improve the UI design from the current grid-based view of stems to a list view, or add it in as a second viewing option. Since the grid-view already exists, it may make sense to add in a list view and a button group to toggle between the views.

What would you like to see improved or updated?

There should be a list view icon and a gallery view icon as a MUI button group that allows for toggling between the two different views. Each view should work with the same data and just be presentational components. Each list item, i.e. stem, should include the following:

• A play button on left hand side
• The title of the stem
• The background color should be the color of the type of stem it is (i.e. Drums, Chords, Melody, etc)
• The length of the stem, i.e. how many seconds
• When it was uploaded
• Who uploaded it

List icon: https://mui.com/material-ui/material-icons/?query=list&selected=FormatListBulleted

Grid icon: https://mui.com/material-ui/material-icons/?query=apps&selected=Apps

ButtonGroup: https://mui.com/material-ui/react-button-group/

Reference design for is roughly like Audius - similar to how each track in the playlist shows:

Other examples: