Create Sidebar Component

[alisonailea]

An updated version of the Sidebar Component designed to fit into CSSGrid or Flexbox layouts. (talk to @alisonailea) which displays a full height sidebar in the left or right-hand side of the browser window. The Sidebar expands on event trigger to display a selection of content. The collapsed sidebar may either be invisible, a smaller view of existing content, or a variation of content specific to the collapsed view.

Note: this should not be based on the existing Sidebar but should (ideally) be designed to be backward compatible.

AC: is a "layout" component a mobile & desktop view (responsive) Props include... handleExpand: func // <-- pass expand function (or reducer) to the sidebar component isExpanded: (stateful prop) expandDirection: 'left' || 'right' //<-- expands left or right collapsedWidth: int(0-100) // <-- the collapsed view may be visible or disappear entierly opacityOverlay: true || false //<-- overlay may appear over the primary content or not