fix: remove width/height attrs, add display:block for correct 16:10 cards

HTML width/height attributes on inline <img> elements override CSS
aspectRatio, causing cards to be taller than wide. Fix: remove attrs
and use display:block so CSS aspectRatio:'16/10' controls the uniform
card box size, matching original CardMedia behavior.

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

Author: MarkusNeusinger

app/src/components/ImageCard.tsx

@@ -164,9 +164,8 @@ export const ImageCard = memo(function ImageCard({
             fetchPriority={index === 0 ? 'high' : undefined}
             src={getFallbackSrc(image.url)}
             alt={viewMode === 'library' ? `${image.spec_id} - ${image.library}` : `${selectedSpec} - ${image.library}`}
-            width={800}
-            height={500}
             sx={{
+              display: 'block',
               width: '100%',
               aspectRatio: '16 / 10',
               objectFit: 'contain',

app/src/components/SpecDetailView.tsx

@@ -105,9 +105,8 @@ export function SpecDetailView({
               src={`${currentImpl.preview_url.replace(/\.png$/, '')}_1200.png`}
               alt={`${specTitle} - ${selectedLibrary}`}
               onLoad={onImageLoad}
-              width={1200}
-              height={750}
               sx={{
+                display: 'block',
                 width: '100%',
                 height: '100%',
                 objectFit: 'contain',

app/src/components/SpecOverview.tsx

@@ -158,9 +158,8 @@ function ImplementationCard({
               component="img"
               src={`${impl.preview_url.replace(/\.png$/, '')}_800.png`}
               alt={`${specTitle} - ${impl.library_id}`}
-              width={800}
-              height={500}
               sx={{
+                display: 'block',
                 width: '100%',
                 aspectRatio: '16/10',
                 objectFit: 'contain',

app/src/pages/CatalogPage.tsx

@@ -264,9 +264,8 @@ export function CatalogPage() {
                         component="img"
                         src={getFallbackSrc(currentImage.url)}
                         alt={spec.title}
-                        width={800}
-                        height={500}
                         sx={{
+                          display: 'block',
                           width: '100%',
                           height: '100%',
                           objectFit: 'cover',