style: eslint-plugin-import

ui/.eslintrc.cjs

@@ -8,7 +8,14 @@ module.exports = {
     node: true,
     es2020: true,
   },
-  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended", "plugin:react-hooks/recommended"],
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "plugin:prettier/recommended",
+    "plugin:react-hooks/recommended",
+  ],
   ignorePatterns: ["dist", ".eslintrc.cjs"],
   parser: "@typescript-eslint/parser",
   plugins: ["react-refresh"],
@@ -28,6 +35,50 @@ module.exports = {
         varsIgnorePattern: "^_",
       },
     ],
+    "import/no-named-as-default-member": "off",
+    "import/no-unresolved": "off",
+    "import/order": [
+      "error",
+      {
+        groups: ["builtin", "external", "internal", ["parent", "sibling"], "index"],
+        pathGroups: [
+          {
+            pattern: "react*",
+            group: "external",
+            position: "before",
+          },
+          {
+            pattern: "react/**",
+            group: "external",
+            position: "before",
+          },
+          {
+            pattern: "react-*",
+            group: "external",
+            position: "before",
+          },
+          {
+            pattern: "react-*/**",
+            group: "external",
+            position: "before",
+          },
+          {
+            pattern: "~/**",
+            group: "external",
+            position: "after",
+          },
+          {
+            pattern: "@/**",
+            group: "internal",
+            position: "before",
+          },
+        ],
+        pathGroupsExcludedImportTypes: ["builtin"],
+        alphabetize: {
+          order: "asc",
+        },
+      },
+    ],
     "react-refresh/only-export-components": [
       "warn",
       {
@@ -35,4 +86,11 @@ module.exports = {
       },
     ],
   },
+  settings: {
+    "import/resolver": {
+      node: {
+        extensions: [".js", ".jsx", ".ts", ".tsx"],
+      },
+    },
+  },
 };