explorer-client: improve linting rules (#506)

* explorer-client: improve linting rules

* no binding for jsx attrs
* no duplicate imports
* group scss/css imports together after type imports

* explorer-client: apply linting rules

* also rename index.scss to index.css (leftover from scss removing)

explorer/client/.eslintrc.js

@@ -1,6 +1,7 @@
 module.exports = {
     extends: ['react-app', 'react-app/jest', 'prettier'],
     rules: {
+        'react/jsx-no-bind': ['error'],
         'import/order': [
             'warn',
             {
@@ -9,10 +10,19 @@ module.exports = {
                     ['internal', 'parent', 'sibling', 'index'],
                     'type',
                 ],
+                pathGroups: [
+                    {
+                        pattern: '{.,..}/**/*.css',
+                        group: 'type',
+                        position: 'after',
+                    },
+                ],
                 'newlines-between': 'always',
                 alphabetize: { order: 'asc' },
+                warnOnUnassignedImports: true,
             },
         ],
+        'import/no-duplicates': ['error'],
         '@typescript-eslint/consistent-type-imports': [
             'error',
             {

explorer/client/src/app/App.tsx

@@ -2,6 +2,7 @@ import Footer from '../components/footer/Footer';
 import Header from '../components/header/Header';
 import Search from '../components/search/Search';
 import AppRoutes from '../pages/config/AppRoutes';
+
 import styles from './App.module.css';
 
 function App() {

explorer/client/src/components/footer/Footer.tsx

@@ -1,6 +1,7 @@
 import { Link } from 'react-router-dom';
 
 import ExternalLink from '../external-link/ExternalLink';
+
 import styles from './Footer.module.css';
 
 function Footer() {

explorer/client/src/index.tsx

@@ -5,7 +5,7 @@ import { BrowserRouter as Router } from 'react-router-dom';
 import App from './app/App';
 import reportWebVitals from './utils/reportWebVitals';
 
-import './index.scss';
+import './index.css';
 
 ReactDOM.render(
     <React.StrictMode>

explorer/client/src/pages/transaction-result/TransactionResult.tsx

@@ -1,6 +1,7 @@
 import { useParams } from 'react-router-dom';
 
 import mockTransactionData from '../../utils/transaction_mock.json';
+
 import styles from './TransactionResult.module.css';
 
 type DataType = {