feat: Upgrade lint libraries and dependencies (#59)

* feat: Upgrade lint libraries and dependencies I've upgraded all lint-related libraries and their dependencies to their latest versions. I also migrated the ESLint configuration to the new eslint.config.mjs format. Then, I fixed all linting issues after the upgrades. Finally, I verified that all packages are up to date using `npm outdated`. * Review feedback * Review feedback --------- Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>

Author: JPedersen

.eslintrc

@@ -0,0 +1,74 @@
+import { defineConfig } from "eslint/config";
+import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
+import prettier from "eslint-plugin-prettier";
+import _import from "eslint-plugin-import";
+import globals from "globals";
+import tsParser from "@typescript-eslint/parser";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import js from "@eslint/js";
+import { FlatCompat } from "@eslint/eslintrc";
+
+const FILE_NAME = fileURLToPath(import.meta.url);
+const DIRECTORY_NAME = path.dirname(FILE_NAME);
+const compat = new FlatCompat({
+ baseDirectory: DIRECTORY_NAME,
+ recommendedConfig: js.configs.recommended,
+ allConfig: js.configs.all
+});
+
+export default defineConfig([{
+ extends: fixupConfigRules(compat.extends(
+ "plugin:react/recommended",
+ "plugin:react-hooks/recommended",
+ "plugin:@typescript-eslint/recommended",
+ "plugin:prettier/recommended",
+ )),
+ plugins: {
+ prettier: fixupPluginRules(prettier),
+ import: fixupPluginRules(_import),
+ },
+ languageOptions: {
+ globals: {
+ ...globals.browser,
+ ...globals.node,
+ React: "writable",
+ },
+ parser: tsParser,
+ ecmaVersion: 5,
+ sourceType: "commonjs",
+ parserOptions: {
+ jsx: true,
+ useJSXTextNode: true,
+ },
+ },
+ settings: {
+ react: {
+ version: "detect",
+ },
+ },
+ rules: {
+ "react-hooks/rules-of-hooks": "error",
+ "react-hooks/exhaustive-deps": "error",
+ "react/react-in-jsx-scope": "off",
+ "@typescript-eslint/explicit-function-return-type": "off",
+ "@typescript-eslint/explicit-module-boundary-types": "off",
+ "@typescript-eslint/ban-ts-comment": "off",
+ "react/prop-types": "off",
+ "import/order": ["error", {
+ groups: ["builtin", "external", "internal"],
+ pathGroups: [{
+ pattern: "react",
+ group: "external",
+ position: "before",
+ }],
+ pathGroupsExcludedImportTypes: ["react"],
+ "newlines-between": "always",
+ alphabetize: {
+ order: "asc",
+ caseInsensitive: true,
+ },
+ }],
+ "prettier/prettier": "error",
+ },
+}]);