chore: implement eslint and prettier pattern rules

.eslintrc.js

@@ -0,0 +1,206 @@
+const rulesReact = {
+    'react/prop-types': 'off',
+    'react/display-name': 'off',
+    'react/no-unescaped-entities': 'off',
+    'react-perf/jsx-no-new-function-as-prop': 'off',
+
+    'react/jsx-key': 'warn',
+    'react/jsx-pascal-case': 'warn',
+    'react/self-closing-comp': 'warn',
+    'react/no-unstable-nested-components': 'warn',
+    'react-perf/jsx-no-new-array-as-prop': 'warn',
+    'react-perf/jsx-no-new-object-as-prop': 'warn',
+    'react/jsx-sort-props': [
+        'warn',
+        {
+            callbacksLast: true,
+            shorthandFirst: true,
+            shorthandLast: false,
+            ignoreCase: true,
+            noSortAlphabetically: true,
+            reservedFirst: false
+        }
+    ],
+
+    'react/no-danger': 'error',
+    'react/jsx-boolean-value': 'error',
+    'react/boolean-prop-naming': 'error'
+}
+
+const rulesEslint = {
+    'no-redeclare': 'off',
+    'default-param-last': 'off',
+    'no-duplicate-imports': 'off',
+    'no-use-before-define': 'off',
+    'no-unused-expressions': 'off',
+
+    radix: 'warn',
+    'no-nested-ternary': 'warn',
+    'no-else-return': ['warn', { allowElseIf: false }],
+
+    'no-var': 'error',
+    'no-sequences': 'error',
+    'no-console': ['error', { allow: ['error'] }],
+    'prefer-const': ['error', { destructuring: 'all' }],
+
+    '@stylistic/max-len': ['error', { code: 85 }],
+    '@stylistic/key-spacing': [
+        'error',
+        { beforeColon: false, afterColon: true }
+    ],
+    '@stylistic/padding-line-between-statements': [
+        'error',
+        { blankLine: 'always', prev: '*', next: 'return' },
+        { blankLine: 'always', prev: ['const', 'let'], next: '*' },
+        {
+            blankLine: 'any',
+            prev: ['const', 'let'],
+            next: ['const', 'let']
+        },
+        {
+            blankLine: 'always',
+            prev: ['if', 'function', 'for'],
+            next: ['if', 'function', 'for']
+        }
+    ]
+}
+
+const rulesImport = {
+    'import/no-duplicates': 'error',
+    'import/order': [
+        'error',
+        {
+            groups: [
+                'external',
+                'builtin',
+                'type',
+                'internal',
+                'parent',
+                'sibling',
+                'index'
+            ],
+            pathGroups: [
+                {
+                    pattern: 'react',
+                    group: 'external',
+                    position: 'before'
+                },
+                {
+                    pattern: 'react-**',
+                    group: 'external',
+                    position: 'before'
+                },
+                {
+                    pattern: 'react-dom/**',
+                    group: 'external',
+                    position: 'before'
+                },
+                {
+                    pattern: 'react-router',
+                    group: 'external',
+                    position: 'before'
+                },
+                {
+                    pattern: 'react-router-dom',
+                    group: 'external',
+                    position: 'before'
+                },
+                {
+                    pattern: '../styles',
+                    group: 'index',
+                    position: 'after'
+                },
+                {
+                    pattern: './styles',
+                    group: 'index',
+                    position: 'after'
+                },
+                {
+                    pattern: '@/theme',
+                    group: 'index',
+                    position: 'after'
+                }
+            ],
+            pathGroupsExcludedImportTypes: ['react', 'react-dom'],
+            'newlines-between': 'never',
+            alphabetize: {
+                order: 'asc',
+                caseInsensitive: true
+            }
+        }
+    ]
+}
+
+const rulesTypescript = {
+    '@typescript-eslint/no-namespace': 'off',
+    '@typescript-eslint/no-inferrable-types': 'off',
+    '@typescript-eslint/no-confusing-void-expression': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+
+    '@typescript-eslint/ban-types': 'warn',
+    '@typescript-eslint/no-var-requires': 'warn',
+    '@typescript-eslint/no-unsafe-argument': 'warn',
+    '@typescript-eslint/no-non-null-assertion': 'warn',
+    '@typescript-eslint/no-unused-expressions': 'warn',
+    '@typescript-eslint/prefer-optional-chain': 'warn',
+    '@typescript-eslint/restrict-plus-operands': 'warn',
+    '@typescript-eslint/no-unnecessary-condition': 'warn',
+    '@typescript-eslint/switch-exhaustiveness-check': 'warn',
+    '@typescript-eslint/prefer-reduce-type-parameter': 'warn',
+    '@typescript-eslint/no-unnecessary-type-constraint': 'warn',
+    '@typescript-eslint/no-non-null-asserted-optional-chain': 'warn',
+
+    '@typescript-eslint/no-redeclare': 'error',
+    '@typescript-eslint/no-explicit-any': 'error',
+    '@typescript-eslint/default-param-last': 'error',
+    '@typescript-eslint/no-use-before-define': 'error',
+    '@typescript-eslint/consistent-type-imports': 'error'
+}
+
+module.exports = {
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true
+        },
+        sourceType: 'module',
+        project: ['./tsconfig.json']
+    },
+    settings: {
+        react: {
+            version: 'detect'
+        },
+        'import/parsers': {
+            '@typescript-eslint/parser': ['.ts', '.tsx']
+        },
+        'import/resolver': {
+            typescript: true
+        }
+    },
+    extends: [
+        'eslint:recommended',
+        'plugin:react/jsx-runtime',
+        'plugin:react-hooks/recommended',
+        'plugin:react/recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:import/recommended',
+        'plugin:import/typescript',
+        'plugin:prettier/recommended',
+        'prettier'
+    ],
+    rules: {
+        'prettier/prettier': 'error',
+        ...rulesReact,
+        ...rulesEslint,
+        ...rulesImport,
+        ...rulesTypescript
+    },
+    plugins: [
+        'react-hooks',
+        'react-perf',
+        '@typescript-eslint',
+        'import',
+        '@stylistic'
+    ],
+    ignorePatterns: ['.eslintrc.js']
+}

.prettierignore

@@ -0,0 +1,2 @@
+node_modules/
+dist/