feat: update ESLint config for better code quality

Added new rules to enforce code quality and consistency. This includes sorting JSX props, handling unknown DOM properties, and more.

Author: thevuong

packages/config-eslint/rules/common.js

@@ -25,31 +25,24 @@ module.exports = {
     'import/order': [
       'warn',
       {
-        alphabetize: {
-          order: 'asc',
-          orderImportKind: 'asc',
-          caseInsensitive: true,
-        },
         groups: [
-          'builtin', // Built-in Node.js modules
-          'external', // Third-party libraries
-          'internal', // Internal modules (if any)
-          'parent', // Imports from parent directories
-          'sibling', // Imports from sibling directories
-          'index', // Imports from index files
-          'object', // Namespace imports
-          'type', // Type imports
+          'builtin', // Node.js built-in modules
+          'external', // Packages
+          'internal', // Aliased modules
+          'parent', // Relative parent
+          'sibling', // Relative sibling
+          'index', // Relative index
         ],
-        named: true,
         'newlines-between': 'never',
         pathGroups: [
           {
-            pattern: '@/**', // Internal paths
+            pattern: '@/**',
             group: 'internal',
           },
         ],
       },
     ],
+
     /** Prevents fallthrough in switch statements but allows empty cases */
     'no-fallthrough': [
       'error',