Rule proposal: no raw media queries

It is good for media queries to be in sync for an entire application. It would be nice to have a rule that prevented raw, one-off media queries in favor of supplying them by the theme.

Bad:

``` js
export default withStyles(() => ({
'@media (max-width: 600px)': {
backgroundColor: 'red',
},
}))(MyComponent);
```

Good:

``` js
export default withStyles(({ breakpoint }) => ({
[breakpoint.small]: {
backgroundColor: 'red',
},
}))(MyComponent);
```

Start by reading the repository's existing ESLint rules and tests, then compare the issue's Bad and Good examples. Add coverage showing that raw media-query keys are rejected while theme-provided breakpoint keys are accepted; done means the rule reports the former and allows the latter.

Written by the indexing model from the issue text.