Wrap delegated Button/Image in DOM element, remove data-slot attributes

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

components/elements/Image.tsx

@@ -1,4 +1,5 @@
 import * as React from "react"
+import NextImage from "next/image"
 
 import { cn } from "@/lib/utils"
 
@@ -37,18 +38,19 @@ function Image({
   className,
 }: ImageProps) {
   return (
-    <img
-      data-slot="image"
-      src={src}
-      alt={alt}
-      height={height}
-      width={width}
-      className={cn(
-        objectFitStyles[objectFit],
-        circle ? "rounded-full" : "rounded-md",
-        className
-      )}
-    />
+    <span className="inline-block">
+      <NextImage
+        src={src}
+        alt={alt}
+        height={height}
+        width={width}
+        className={cn(
+          objectFitStyles[objectFit],
+          circle ? "rounded-full" : "rounded-md",
+          className
+        )}
+      />
+    </span>
   )
 }