feat: correctly size search result items

components/Image.tsx

@@ -47,6 +47,11 @@ const Image = (
     "/api/images",
   );
 
+  const hasDimensions = typeof props.width === "number" &&
+    typeof props.height === "number";
+  const sizes = hasDimensions ? "" : responsiveAttributes.sizes;
+  const srcset = hasDimensions ? "" : responsiveAttributes.srcset;
+
   return (
     <span
       style={{
@@ -62,8 +67,8 @@ const Image = (
         loading="lazy"
         alt={props.alt}
         style={props.style}
-        srcset={responsiveAttributes.srcset}
+        sizes={sizes}
-        sizes={responsiveAttributes.sizes}
+        srcset={srcset}
         src={`/api/images?image=${asset(props.src)}${
           props.width ? `&width=${props.width}` : ""
         }${props.height ? `&height=${props.height}` : ""}`}

components/Rating.tsx

@@ -26,7 +26,6 @@ export const SmallRating = (
 export const Rating = (
   { max, rating = useSignal(0) }: {
     max?: number;
-    defaultRating: number;
     rating: Signal<number | undefined>;
   },
 ) => {

islands/Search.tsx

@@ -55,8 +55,8 @@ const SearchResultImage = ({ src }: { src: string }) => {
   return (
     <Image
       class="object-cover w-12 h-12 rounded-full"
-      width="50"
+      width={100}
-      height="50"
+      height={100}
       src={src}
       alt="preview image"
     />