Fixed an issue where ERD auto-layout should: #6592 (#8167)

- Always generate right-angled links
- Switch port to Left/Right for the best link route.

web/.eslintrc.js

@@ -13,6 +13,7 @@ const jest = require('eslint-plugin-jest');
 const babel = require('@babel/eslint-plugin');
 const babelParser = require('@babel/eslint-parser');
 const ts = require('typescript-eslint');
+const unusedImports = require('eslint-plugin-unused-imports');
 
 
 module.exports = [
@@ -63,6 +64,7 @@ module.exports = [
     'plugins': {
       'react': reactjs,
       '@babel': babel,
+      'unused-imports': unusedImports,
     },
     'rules': {
       'indent': [
@@ -91,7 +93,18 @@ module.exports = [
       ...reactjs.configs.recommended.rules,
       ...reactjs.configs['jsx-runtime'].rules,
       'react/jsx-uses-react': 'error',
-      'react/jsx-uses-vars': 'error'
+      'react/jsx-uses-vars': 'error',
+      'no-unused-vars': 'off',
+      'unused-imports/no-unused-imports': 'error',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        {
+          'vars': 'all',
+          'varsIgnorePattern': '^_',
+          'args': 'after-used',
+          'argsIgnorePattern': '^_',
+        },
+      ]
     },
     'settings': {
       'react': {