Custom Initial State and Forward Actions Docs update (#2731)

* Custom Initial State and Forward Actions Docs update
* Update Kepler GL component import

Signed-off-by: Indranil Halder <indranilhalder.dev@gmail.com>

docs/api-reference/advanced-usages/custom-initial-state.md

@@ -6,7 +6,7 @@ Here is an example modify `uiState` `initialState` to hide side panel, and selec
 
 ```js
 import {combineReducers} from 'redux';
-import keplerGlReducer from 'kepler.gl/reducers';
+import {keplerGlReducer} from '@kepler.gl/reducers';
 
 const customizedKeplerGlReducer = keplerGlReducer
   .initialState({

docs/api-reference/advanced-usages/forward-actions.md

@@ -10,11 +10,11 @@ You can add a dispatch function to your component that dispatches actions to a s
 
 ```js
 // component
-import KeplerGl from 'kepler.gl';
+import {KeplerGl} from '@kepler.gl/components';
 import {connect} from 'react-redux';
 
 // import action and forward dispatcher
-import {toggleFullScreen, forwardTo} from 'kepler.gl/actions';
+import {toggleFullScreen, forwardTo} from '@kepler.gl/actions';
 
 
 const MapContainer = props => (
@@ -44,10 +44,10 @@ You can also simply wrap an action into a forward action with the `wrapTo` helpe
 
 ```js
 // component
-import KeplerGl from 'kepler.gl';
+import {KeplerGl} from '@kepler.gl/components';
 
 // action and wrapper
-import {toggleFullScreen, wrapTo} from 'kepler.gl/actions';
+import {toggleFullScreen, wrapTo} from '@kepler.gl/actions';
 
 // create a function to wrapper action payload to 'foo'
 const wrapToMap = wrapTo('foo');