Linting changes, fixing deprecation errors, simplifying configs.

.eslintrc

@@ -1,5 +1,4 @@
 {
-  // Configuration for JavaScript files
   "extends": [
     "airbnb-base",
     "next/core-web-vitals",
@@ -9,12 +8,13 @@
     "prettier/prettier": [
       "error",
       {
-        "singleQuote": true
+        "singleQuote": true,
+        "endOfLine": "lf"
       }
-    ]
+    ],
+    "linebreak-style": ["error", "unix"]
   },
   "overrides": [
-    // Configuration for TypeScript files
     {
       "files": ["**/*.ts", "**/*.tsx"],
       "plugins": ["@typescript-eslint", "unused-imports"],
@@ -28,28 +28,7 @@
       },
       "rules": {
         "no-param-reassign": "off",
-        "no-plusplus": "off",
-        "prettier/prettier": [
-          "error",
-          {
-            "singleQuote": true
-          }
-        ],
-        "react/destructuring-assignment": "off", // Vscode doesn't support automatically destructuring, it's a pain to add a new variable
-        "jsx-a11y/anchor-is-valid": "off", // Next.js use his own internal link system
-        "react/require-default-props": "off", // Allow non-defined react props as undefined
-        "react/jsx-props-no-spreading": "off", // _app.tsx uses spread operator and also, react-hook-form
-        "@next/next/no-img-element": "off", // We currently not using next/image because it isn't supported with SSG mode
-        "import/order": "off",
-        "@typescript-eslint/comma-dangle": "off", // Avoid conflict rule between Eslint and Prettier
-        "import/prefer-default-export": "off", // Named export is easier to refactor automatically
-        "class-methods-use-this": "off", // _document.tsx use render method without `this` keyword
-        "@typescript-eslint/no-unused-vars": "off",
-        "unused-imports/no-unused-imports": "error",
-        "unused-imports/no-unused-vars": [
-          "error",
-          { "argsIgnorePattern": "^_" }
-        ]
+        "no-plusplus": "off"
       }
     }
   ]

next.config.js

@@ -40,6 +40,18 @@ module.exports = {
     };
     return config;
   },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'images.igdb.com',
+      },
+      {
+        protocol: 'https',
+        hostname: 'jesski.com',
+      },
+    ],
+  },
   env: {
     SITE_URL: process.env.SITE_URL,
     TWITCH_CLIENT_ID: process.env.TWITCH_CLIENT_ID,