Extract `Card` states from types

Currently the types and states are mixed in a single prop:

```js
Card.propTypes = {
  // …
  type: PropTypes.oneOf(['flat', 'bordered', 'warning', 'error']),
};
```

1. They should be split into two props because type and state are two different concepts.
2. More UI states could be supported.