docs: Update README.md and docs

Author: sakhnyuk

README.md

@@ -33,7 +33,7 @@ This assumes that you’re using [npm](http://npmjs.com/) package manager with a
 This is the minimal configuration. [Check out the Documentation for advanced usage](https://github.com/sakhnyuk/rc-scrollbars/tree/master/docs).
 
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class App extends Component {
   render() {
@@ -49,7 +49,7 @@ class App extends Component {
 The `<Scrollbars>` component is completely customizable. Check out the following code:
 
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class CustomScrollbars extends Component {
   render() {

docs/customization.md

@@ -11,7 +11,7 @@ The `<Scrollbars>` component consists of the following elements:
 Each element can be **rendered individually** with a function that you pass to the component. Say, you want use your own `className` for each element:
 
 ```typescript jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 import './styles.css'
 
 class CustomScrollbars extends Component {
@@ -46,7 +46,7 @@ This is because we need to pass some default `styles` down to the element in ord
 If you are working with **inline styles**, you could do something like this:
 
 ```javascript
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class CustomScrollbars extends Component {
   render() {
@@ -67,7 +67,7 @@ class CustomScrollbars extends Component {
 If you want to change the appearance in respond to the scrolling position, you could do that like:
 
 ```javascript
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 class CustomScrollbars extends Component {
     constructor(props, context) {
         super(props, context)

docs/usage.md

@@ -5,7 +5,7 @@
 The `<Scrollbars>` component works out of the box with some default styles. The only thing you need to care about is that the component has a `width` and `height`:
 
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class App extends Component {
   render() {
@@ -31,7 +31,7 @@ Also don't forget to set the `viewport` meta tag, if you want to **support mobil
 There are several events you can listen to:
 
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class App extends Component {
   render() {
@@ -60,7 +60,7 @@ class App extends Component {
 You can activate auto-hide by setting the `autoHide` property.
 
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class App extends Component {
   render() {
@@ -83,7 +83,7 @@ class App extends Component {
 
 You can activate auto-height by setting the `autoHeight` property.
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class App extends Component {
   render() {
@@ -105,7 +105,7 @@ class App extends Component {
 If your app runs on both client and server, activate the `universal` mode. This will ensure that the initial markup on client and server are the same:
 
 ```jsx
-import { Scrollbars } from 'react-custom-scrollbars';
+import { Scrollbars } from 'rc-scrollbars';
 
 class App extends Component {
   render() {