some changes

Author: kevinnadar22

.eslintrc.json

@@ -1,3 +1,8 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+  "extends": ["next/core-web-vitals", "next/typescript"],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "warn",
+    "@typescript-eslint/no-explicit-any": "warn",
+    "@next/next/no-img-element": "warn"
+  }
 }

app/components/VariantButton.tsx

@@ -1,3 +1,5 @@
+import Image from 'next/image';
+
 interface VariantButtonProps {
   variant: string;
   isSelected: boolean;
@@ -12,10 +14,12 @@ export function VariantButton({ variant, isSelected, onClick }: VariantButtonPro
         isSelected ? 'border-blue-500' : 'border-gray-200'
       }`}
     >
-      <img 
+      <Image 
         src={variant} 
         alt="Character variant" 
-        className="w-full h-full object-cover" 
+        width={64}
+        height={64}
+        className="w-full h-full object-cover"
       />
     </button>
   );

next.config.ts

@@ -1,7 +1,10 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  images: {
+    domains: ['localhost'],
+    unoptimized: true
+  }
 };
 
 export default nextConfig;