Update NPM dependencies for Svelte, eslint, and eslint plugins (#1842)

* Update NPM dependencies

This updates Svelte to the latest (5.36) without encountering
the Storybook errors we had been running into earlier.

The eslint plugin errors do not yet go away, since that fix is
apparently in version 3 of eslint-plugin-svelte and we're currently
on version 2. Next commit will try the major version upgrade.

* Update eslint-plugin-svelte to v3

Also requires updating eslint.config.js to eslint's new config
format, which means we can get rid of the @eslint/eslintrc requirement.

Many new lint errors in this commit, due to new lint rules that we don't
have ignored yet.

* Temporarily ignore new lint errors

Will fix them in a new PR

* Remove old eslint plugins
* Use bits-ui version with onCloseAutoFocus bugfix
* remove unused package from pnpm workspace, add autoprefixer
* Update pnpm-lock.yaml
* avoid svelte error thinking a field had been defined twice

---------

Co-authored-by: Kevin Hahn <kevin_hahn@sil.org>

Author: rmunn

frontend/eslint.config.js

@@ -1,18 +1,17 @@
-import {FlatCompat} from '@eslint/eslintrc';
 import {fileURLToPath} from 'url';
 import globals from 'globals';
 import js from '@eslint/js';
 import path from 'path';
 import svelteParser from 'svelte-eslint-parser';
 import tsParser from '@typescript-eslint/parser';
 import svelteConfig from './svelte.config.js';
+import typescript from 'typescript-eslint';
+import stylistic from '@stylistic/eslint-plugin';
+import svelte from 'eslint-plugin-svelte';
 
 // mimic CommonJS variables
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-  baseDirectory: __dirname
-});
 
 export default [
   {
@@ -27,28 +26,26 @@ export default [
     ],
   },
   js.configs.recommended,
-  // TypeScript and Svelte plugins don't seem to support the new config format yet
-  // So, using backwards compatibility util: https://eslint.org/blog/2022/08/new-config-system-part-2/#backwards-compatibility-utility
-  ...compat.config({
-    plugins: ['@typescript-eslint', '@stylistic'],
-    extends: ['plugin:@typescript-eslint/recommended', 'plugin:@typescript-eslint/recommended-requiring-type-checking'],
-    overrides: [
-      {
-        files: ['*.svelte'],
-        rules: {
-          // The Svelte plugin doesn't seem to have typing quite figured out
-          '@typescript-eslint/no-unsafe-assignment': 'off',
-          '@typescript-eslint/no-unsafe-member-access': 'off',
-          '@typescript-eslint/no-unsafe-call': 'off',
-          '@typescript-eslint/no-unsafe-return': 'off',
-          '@typescript-eslint/no-unsafe-argument': 'off',
-        },
-      }
-    ]
-  }),
-  ...compat.config({
-    extends: ['plugin:svelte/recommended'],
-  }),
+  {
+    plugins: {
+      // '@typescript-eslint': typescript, // Included in ...typescript.configs.recommended
+      '@stylistic': stylistic,
+    },
+  },
+  ...typescript.configs.recommended,
+  ...typescript.configs.recommendedTypeChecked,
+  {
+    files: ['**/*.svelte'],
+    rules: {
+      // The Svelte plugin doesn't seem to have typing quite figured out
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-return': 'off',
+      '@typescript-eslint/no-unsafe-argument': 'off',
+    },
+  },
+  ...svelte.configs.recommended,
   {
     rules: {
       // https://typescript-eslint.io/rules/
@@ -146,4 +143,12 @@ export default [
       }
     },
   },
+  {
+    // TEMPORARY IGNORES, to be gotten rid of as soon as possible - 2025-07-24 RM
+    files: ['**/*.svelte', '**/*.svelte.ts'],
+    rules: {
+      'svelte/require-each-key': 'off',
+      'svelte/no-useless-mustaches': 'off',
+    },
+  },
 ];

frontend/package.json

@@ -31,30 +31,28 @@
   "devDependencies": {
     "@dotenvx/dotenvx": "^0.37.1",
     "@egoist/tailwindcss-icons": "^1.9.0",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.29.0",
-    "@graphql-codegen/cli": "^5.0.5",
-    "@graphql-codegen/client-preset": "^4.8.0",
+    "@eslint/js": "^9.31.0",
+    "@graphql-codegen/cli": "^5.0.7",
+    "@graphql-codegen/client-preset": "^4.8.3",
     "@graphql-codegen/schema-ast": "^4.1.0",
     "@graphql-codegen/typescript": "^4.1.6",
     "@graphql-typed-document-node/core": "^3.2.0",
     "@iconify-json/mdi": "^1.2.3",
     "@playwright/test": "catalog:",
     "@stylistic/eslint-plugin": "catalog:",
-    "@sveltejs/adapter-node": "^5.2.12",
+    "@sveltejs/adapter-node": "^5.2.13",
     "@sveltejs/kit": "2.20.7",
     "@sveltejs/vite-plugin-svelte": "catalog:",
     "@tailwindcss/typography": "^0.5.16",
     "@types/mjml": "^4.7.4",
-    "@types/node": "^20.17.32",
+    "@types/node": "^20.19.9",
     "@types/zxcvbn": "^4.4.5",
-    "@typescript-eslint/eslint-plugin": "catalog:",
     "@typescript-eslint/parser": "catalog:",
-    "@urql/core": "^5.1.1",
+    "@urql/core": "^5.2.0",
     "@urql/devtools": "^2.0.3",
-    "@urql/exchange-graphcache": "^7.2.3",
+    "@urql/exchange-graphcache": "^7.2.4",
     "@urql/svelte": "^4.2.3",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "catalog:",
     "daisyui": "^4.12.24",
     "eslint": "catalog:",
     "eslint-plugin-svelte": "catalog:",
@@ -72,17 +70,18 @@
     "sveltekit-superforms": "^1.13.4",
     "tailwindcss": "catalog:",
     "tslib": "catalog:",
-    "type-fest": "^4.40.1",
+    "type-fest": "^4.41.0",
     "typescript": "catalog:",
+    "typescript-eslint": "catalog:",
     "vite": "catalog:",
-    "vite-plugin-graphql-codegen": "^3.5.0",
+    "vite-plugin-graphql-codegen": "^3.6.3",
     "vitest": "catalog:",
-    "zod": "^3.24.3",
+    "zod": "^3.25.76",
     "zxcvbn": "^4.4.2"
   },
   "type": "module",
   "dependencies": {
-    "@floating-ui/dom": "^1.6.13",
+    "@floating-ui/dom": "^1.7.2",
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/auto-instrumentations-node": "^0.47.1",
     "@opentelemetry/auto-instrumentations-web": "^0.40.0",
@@ -92,7 +91,7 @@
     "@opentelemetry/resources": "^1.30.1",
     "@opentelemetry/sdk-node": "^0.51.1",
     "@opentelemetry/sdk-trace-web": "^1.30.1",
-    "@opentelemetry/semantic-conventions": "^1.32.0",
+    "@opentelemetry/semantic-conventions": "^1.36.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@types/js-cookie": "^3.0.6",
     "@types/set-cookie-parser": "^2.4.10",
@@ -107,7 +106,7 @@
     "set-cookie-parser": "^2.7.1",
     "svelte-exmarkdown": "catalog:",
     "svelte-intl-precompile": "^0.12.3",
-    "sveltekit-search-params": "^3",
+    "sveltekit-search-params": "^3.0.0",
     "tus-js-client": "^4.3.1"
   },
   "pnpm": {