current .prettier and .eslint settings for my next.js projects

.eslintrc.json

{
  "extends": ["next/core-web-vitals", "prettier", "plugin:tailwindcss/recommended"],
  "plugins": ["import", "tailwindcss"],
  "rules": {
    "comma-dangle": ["error", "never"],
    "import/order": [
      "error",
      {
        "groups": ["builtin", "external", "internal"],
        "pathGroups": [
          {
            "pattern": "react",
            "group": "external",
            "position": "before"
          }
        ],
        "pathGroupsExcludedImportTypes": ["react"],
        "newlines-between": "always",
        "alphabetize": {
          "order": "asc",
          "caseInsensitive": true
        }
      }
    ],
    "tailwindcss/no-custom-classname": "off"
  },
  "settings": {
    "tailwindcss": {
      "callees": ["cn"]
    }
  }
}

.prettierrc.json

{
  "endOfLine": "lf",
  "singleQuote": false,
  "tabWidth": 2,
  "trailingComma": "none",
  "printWidth": 100,
  "semi": false
}

npm i -D eslint-config-next eslint-config-prettier eslint-plugin-import eslint-plugin-react eslint-plugin-tailwindcss