WorkflowBadge pending items

[sballesteros]

• generalize badgeSize to width and height and handle x-overflow, in particular, allow width to be greater than height. width should be treated as a max width and we should allow the badge to overflow (in the x-axis) so users can scroll to the part overflowing.
• use full dates (YYYY-MM-DD) as opposed to just MM-YYYY as some workflow are executed in less than a month or more than a year.
• handle isPublicDuring and isPublicAfter property of the paths prop (see propTypes for definition). Main idea is to color code the full path background (as opposed to individual channels) to reflect the public visibility of the actions during and after the peer review process.
• make the who can view identity of whom matrix a bit bigger in reader (see screenshot below). One option could be to increase a bit the height of the footer and to extend the width of the first column but only for the footer part. there may be room for a bit more legibility within the current space maybe with 1px spacing in between the cells? This screenshot can be reproduce with the latest story (e.g create-story -r --prod) and visiting /levinson2019a-demo?hostname=demo.sci.pe (no login required) or from nightly at: https://nightly.sci.pe/levinson2019a-demo?hostname=demo.sci.pe.
• create the vertical dividers (white lines) base on the change of the id property in the paths prop as opposed to based on change of y property. That will allow to delimitate each actions (the change of role (y) seems to be already very clear with the path).