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