Closes #7704 (Addendum)

Finished some of the design details in figma + DRYed up some of the code.

Technical

Code:

• Used BEM notation correctly; the code was already structured BEM-like, but was using - instead of __ to denote child relationship
• The HTML had a few unnecessary nesting/divs; dropped those
• I18n all the strings
• Fix some bugs in the code (eg default parameters cannot be lists)
• Used larger covers since they're displayed larger than the -S
• Used less position: absolute in the list-card
• Used CSS to truncate title, not manual limiting to 16 characters

UI:

• I removed the gradient at the end ; that's a pretty common UI affordance for scrolling; we should bring back now that scrolling is enabled, but it takes a bit of time since you have to make it appear/disappear as necessary.
• Added a "see all" button at end now that it's scrollable
• The covers ended up a touch easier staggered; I like the effect so kept it in

Testing

Tested ~latest Chrome, FF, and Safari (iPad).

Screenshot

Stakeholders

@mekarpeles