feat(eslint): enforce specific order for import statements

Enabled and configured the `import/order` rule with custom settings to alphabetize imports, organize them into specific groups, and enforce newlines between groups. This aims to improve the readability and consistency of import statements within the codebase.

Author: thevuong

packages/config-eslint/rules/common.js

@@ -22,7 +22,32 @@ module.exports = {
     'import/no-default-export': 'off',
 
     /** Enforces a specific order for import statements */
-    'import/order': 'off',
+    'import/order': [
+      'error',
+      {
+        alphabetize: {
+          order: 'asc',
+          caseInsensitive: true,
+        },
+        groups: [
+          'builtin',
+          'external',
+          'internal',
+          'parent',
+          'sibling',
+          'index',
+        ],
+        'newlines-between': 'always',
+        pathGroups: [
+          {
+            pattern: '@/**',
+            group: 'internal',
+            position: 'before',
+          },
+        ],
+        pathGroupsExcludedImportTypes: ['builtin'],
+      },
+    ],
 
     /** Prevents fallthrough in switch statements but allows empty cases */
     'no-fallthrough': [