Add breakpoint custom hook

[stphnnnn]

It would be nice to use a hook to allow us to conditionally render layouts based on the viewport width.

We currently have a MediaQuery component which I believe is based on https://github.com/contra/react-responsive from looking at the comments.

It would be great if the hook used the breakpoints from styled-system but could potentially be a wrapper around react-responsive.