Update eslint to current build structure for new vite projects

Move from .cjs to .js file for eslint
Allow slightly longer lines
Don't force blank lines between import groups (but allow them)
Added lint:only and lint:fixonly when no localization needs compiling
Eliminated  unused lodash.throttle package.
Moved the eslint-import-resolver-alias to the devDependences
Add missing typescript-eslint to devDependencies
Model the split tsconfig*.json for modern vite projects.
Upgraded packages.

Author: IDisposable

ui/.prettierrc

@@ -7,6 +7,7 @@
   "singleQuote": false,
   "plugins": ["prettier-plugin-tailwindcss"],
   "tailwindFunctions": ["clsx", "cx"],
-  "printWidth": 90,
+  "printWidth": 100,
+  "max_line_length": 100,
   "tailwindStylesheet": "./src/index.css"
 }

ui/eslint.config.cjs renamed to ui/eslint.config.js

@@ -1,78 +1,67 @@
-const {
-    defineConfig,
-    globalIgnores,
-} = require("eslint/config");
+import globals from "globals";
+import { defineConfig, globalIgnores } from "eslint/config";
+import { fixupConfigRules } from "@eslint/compat";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+import path from "path";
+import { fileURLToPath } from "url";
 
-const globals = require("globals");
+import tsParser from "@typescript-eslint/parser";
+import reactRefresh from "eslint-plugin-react-refresh";
 
-const {
-    fixupConfigRules,
-} = require("@eslint/compat");
-
-const js = require("@eslint/js");
-
-const {
-    FlatCompat,
-} = require("@eslint/eslintrc");
+// mimic CommonJS variables
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const compat = new FlatCompat({
     baseDirectory: __dirname,
     recommendedConfig: js.configs.recommended,
     allConfig: js.configs.all
 });
 
-const tsParser = require("@typescript-eslint/parser");
-const reactRefresh = require("eslint-plugin-react-refresh");
-
-module.exports = defineConfig([{
+export default defineConfig([
+  {
     languageOptions: {
-        globals: {
-            ...globals.browser,
-        },
-
+        globals: globals.browser,
         parser: tsParser,
         ecmaVersion: "latest",
         sourceType: "module",
-
         parserOptions: {
-            project: ["./tsconfig.json", "./tsconfig.node.json"],
+            project: ["./tsconfig.app.json", "./tsconfig.node.json"],
             tsconfigRootDir: __dirname,
             ecmaFeatures: {
                 jsx: true
             }
         },
     },
-
     extends: fixupConfigRules(compat.extends(
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
         "plugin:@typescript-eslint/stylistic",
-        "plugin:react-hooks/recommended",
         "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
         "plugin:react/jsx-runtime",
         "plugin:import/recommended",
+        "plugin:prettier/recommended",
         "prettier",
     )),
-
     plugins: {
         "react-refresh": reactRefresh,
     },
-
     rules: {
         "react-refresh/only-export-components": ["warn", {
             allowConstantExport: true,
         }],
 
         "import/order": ["error", {
             groups: ["builtin", "external", "internal", "parent", "sibling"],
-            "newlines-between": "always",
+            "newlines-between": "ignore",
         }],
 
         "@typescript-eslint/no-unused-vars": ["warn", {
             "argsIgnorePattern": "^_", "varsIgnorePattern": "^_"
         }],
     },
-
     settings: {
         "react": {
             "version": "detect"
@@ -93,9 +82,9 @@ module.exports = defineConfig([{
             },
         },
     },
-}, globalIgnores([
+},
+globalIgnores([
     "**/dist",
-    "**/.eslintrc.cjs",
     "**/tailwind.config.js",
     "**/postcss.config.js",
 ])]);