The reason is that starting from version 1.0 of ESLint, all linting
rules are turned off by default.

- already tested via `npm run test` and all tests passed.
- most of code fixed across the project are about semi colon, space
  after if/else if/else/for statement, removed newline at the end of file, a few dangerous code statement fixed, and a few that is not needed.
- ESlint is updated to version 3.17.1. The project has used version
  1.x.x. This should be better.
- ESLint's rules are updated to be more stricted but not too strict. See
  it in .eslintrc.

- provided 'component' property to be able to replace component instead
  of using react-router, more flexible

  example of setting from Grid's data from code to use react-router url is as follows

  const data = [
  {
    icon: <img src="./image.png" alt="image icon"/>,
    label: 'Label',
    component: function(props) {
        const { children, ...others } = props;
        return <Link to="/router-url" {...others}> { children } </Link>;
    }
  },
  ]