feat(eslint-config): add order rule in import

* refactor: added eslint-plugin-import

* refactor: disable some rules for muiComponents

* fix: fixed import

src/pages/Version/Layout.tsx

@@ -1,5 +1,6 @@
 import React, { FC, ReactElement } from 'react';
 import Grid from '@material-ui/core/Grid';
+
 import DetailContainer from '../../components/DetailContainer';
 import DetailSidebar from '../../components/DetailSidebar';
 

src/pages/Version/Version.test.tsx

@@ -1,13 +1,12 @@
 import React from 'react';
 import { render, cleanup } from '@testing-library/react';
-
 import { MemoryRouter } from 'react-router';
+import { waitForElement } from '@testing-library/dom';
 
 import vueMetadata from '../../../test/fixtures/metadata/vue.json';
+import ErrorBoundary from '../../App/AppError';
 
 import Version from './Version';
-import { waitForElement } from '@testing-library/dom';
-import ErrorBoundary from '../../App/AppError';
 
 // :-) we mock this otherways fails on render, some weird issue on material-ui
 jest.mock('../../muiComponents/Avatar');

src/pages/Version/context.ts

@@ -1,4 +1,5 @@
 import React, { Consumer, Provider } from 'react';
+
 import { DetailContextProps, VersionPageConsumerProps } from './types';
 
 export const DetailContext = React.createContext<Partial<DetailContextProps>>({});

src/pages/Version/styles.ts

@@ -1,5 +1,6 @@
 import styled from 'react-emotion';
 import DialogTitle from '@material-ui/core/DialogTitle';
+
 import colors from '../../utils/styles/colors';
 import { fontSize } from '../../utils/styles/sizes';