fix lingering eslint errors

.eslintrc.cjs

@@ -1,7 +1,8 @@
 module.exports = {
     env: {
         browser: true,
-        es2021: true
+        es2021: true,
+        node: true
     },
     extends: [
         "eslint:recommended",
@@ -10,11 +11,21 @@ module.exports = {
         "plugin:import/typescript",
         "plugin:import/recommended"
     ],
-    overrides: [],
+    overrides: [
+        {
+            files: ["**/*.cjs"], // Specify the file pattern for CJS files
+            parserOptions: {
+                sourceType: "script" // Treat the CJS files as CommonJS modules
+            },
+            rules: {
+                "@typescript-eslint/no-var-requires": "off" // Disable this specific rule for CJS files
+            }
+        }
+    ],
     parser: "@typescript-eslint/parser",
     parserOptions: {
         tsconfigRootDir: "./",
-        project: ["./tsconfig.json"],
+        project: "tsconfig.json",
         ecmaVersion: "latest",
         sourceType: "module",
         ecmaFeatures: {

src/components/Amount.tsx

@@ -71,7 +71,7 @@ export function AmountFiat(props: {
     loading?: boolean;
     denominationSize?: "sm" | "lg" | "xl";
 }) {
-    const i18n = useI18n()
+    const i18n = useI18n();
     const [state, _] = useMegaStore();
 
     const amountInUsd = () =>

tailwind.config.cjs

@@ -1,4 +1,4 @@
-const plugin = require('tailwindcss/plugin')
+const plugin = require("tailwindcss/plugin");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -35,9 +35,7 @@ module.exports = {
                 "m-grey-700": "hsla(0, 0%, 25%, 1)",
                 "m-grey-750": "hsla(0, 0%, 17%, 1)",
                 "m-grey-800": "hsla(0, 0%, 12%, 1)",
-                "m-grey-900": "hsla(0, 0%, 9%, 1)",
+                "m-grey-900": "hsla(0, 0%, 9%, 1)"
-                "m-grey-750": "hsla(0, 0%, 17%, 1)",
-                "m-grey-400": "hsla(0, 0%, 64%, 1)"
             },
             backgroundImage: {
                 "fade-to-blue":
@@ -58,7 +56,7 @@ module.exports = {
                 "fancy-card": "0px 4px 4px rgba(0, 0, 0, 0.1)",
                 "subtle-bevel":
                     "inset -4px -4px 6px 0 rgba(0, 0, 0, 0.10), inset 4px 4px 4px 0 rgba(255, 255, 255, 0.10)",
-                above: "0px -4px 10px rgba(0, 0, 0, 0.25)",
+                above: "0px -4px 10px rgba(0, 0, 0, 0.25)"
             },
             textShadow: {
                 button: "1px 1px 0px rgba(0, 0, 0, 0.4)"
@@ -71,20 +69,16 @@ module.exports = {
         plugin(function ({ addUtilities }) {
             const newUtilities = {
                 ".safe-top": {
-                    paddingTop: "constant(safe-area-inset-top)",
+                    paddingTop: "constant(safe-area-inset-top)"
-                    paddingTop: "env(safe-area-inset-top)"
                 },
                 ".safe-left": {
-                    paddingLeft: "constant(safe-area-inset-left)",
+                    paddingLeft: "constant(safe-area-inset-left)"
-                    paddingLeft: "env(safe-area-inset-left)"
                 },
                 ".safe-right": {
-                    paddingRight: "constant(safe-area-inset-right)",
+                    paddingRight: "constant(safe-area-inset-right)"
-                    paddingRight: "env(safe-area-inset-right)"
                 },
                 ".safe-bottom": {
-                    paddingBottom: "constant(safe-area-inset-bottom)",
+                    paddingBottom: "constant(safe-area-inset-bottom)"
-                    paddingBottom: "env(safe-area-inset-bottom)"
                 },
                 ".disable-scrollbars": {
                     scrollbarWidth: "none",

tsconfig.json

@@ -20,7 +20,10 @@
         "src/**/*",
         "src/routes/**/*",
         "tailwind.config.cjs",
-        ".eslintrc.cjs"
+        "playwright.config.ts",
+        "vite.config.ts",
+        ".eslintrc.cjs",
+        "e2e/**/*"
     ],
     "exclude": [
         "node_modules",