s3

frontend/src/components/ItemCard.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { Item } from '../types';
+import { getPublicImageUrl } from '../services/uploadService';
 
 interface ItemCardProps {
   item: Item;
@@ -49,12 +50,13 @@ const ItemCard: React.FC<ItemCardProps> = ({
       <div className="card h-100" style={{ cursor: 'pointer' }}>
         {item.imageFilenames && item.imageFilenames[0] ? (
           <img
-            src={item.imageFilenames[0]}
+            src={getPublicImageUrl(item.imageFilenames[0])}
             className="card-img-top"
             alt={item.name}
-            style={{ 
-              height: isCompact ? '150px' : '200px', 
-              objectFit: 'cover' 
+            style={{
+              height: isCompact ? '150px' : '200px',
+              objectFit: 'contain',
+              backgroundColor: '#f8f9fa'
             }}
           />
         ) : (