Enable Next.js lint rules for skin-database and skin-museum-og

- Add @next/eslint-plugin-next to skin-database
- Add eslint-config-next to skin-museum-og
- Disable @next/next/no-img-element in both packages (OG images use <img>)
- Use plugin:@next/next/recommended instead of next/core-web-vitals
  to avoid Babel version conflicts in skin-database

Author: captbaritone

packages/skin-database/.eslintrc.js

@@ -1,5 +1,8 @@
 module.exports = {
-  extends: ["plugin:@typescript-eslint/recommended"],
+  extends: [
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@next/next/recommended",
+  ],
   rules: {
     // Disable rules that conflict with the project's style
     "@typescript-eslint/no-var-requires": "off",
@@ -12,6 +15,8 @@ module.exports = {
     "no-shadow": "off",
     // camelcase has too many violations (333) to fix now
     camelcase: "off",
+    // This codebase uses <img> for OG images and legacy code
+    "@next/next/no-img-element": "off",
   },
   ignorePatterns: ["dist/**"],
 };

packages/skin-database/package.json

@@ -77,6 +77,7 @@
     "@types/node-fetch": "^2.5.7",
     "@typescript-eslint/eslint-plugin": "^8.36.0",
     "@typescript-eslint/parser": "^8.36.0",
+    "eslint-config-next": "14",
     "grats": "0.0.0-main-e655d1ae",
     "typescript": "^5.6.2"
   },

packages/skin-museum-og/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: ["next/core-web-vitals"],
+  rules: {
+    // This package generates OG images using <img>
+    "@next/next/no-img-element": "off",
+  },
+};

packages/skin-museum-og/package.json

@@ -15,6 +15,7 @@
     "react-dom": "18.2.0"
   },
   "devDependencies": {
+    "eslint-config-next": "14",
     "vercel": "^28.4.17"
   }
 }