Set card images to cover

- Better UX since it makes the grid look more consistent

src/renderer/components/virtual-grid/grid-card/default-card.tsx

@@ -91,6 +91,18 @@ const ImageContainer = styled.div`
   }
 `;
 
+const Image = styled(SimpleImg)`
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  border: 0;
+
+  img {
+    height: 100%;
+    object-fit: cover;
+  }
+`;
+
 const DetailContainer = styled.div`
   margin-top: 0.5rem;
 `;
@@ -143,8 +155,7 @@ export const DefaultCard = ({
         <InnerCardContainer>
           <ImageContainer>
             {data?.imageUrl ? (
-              <SimpleImg
+              <Image
-                imgStyle={{ objectFit: 'cover' }}
                 importance="auto"
                 placeholder={data?.imagePlaceholderUrl || 'var(--placeholder-bg)'}
                 src={data?.imageUrl}

src/renderer/components/virtual-grid/grid-card/poster-card.tsx

@@ -79,6 +79,18 @@ const ImageContainer = styled.div`
   }
 `;
 
+const Image = styled(SimpleImg)`
+  width: 100%;
+  max-width: 100%;
+  height: 100%;
+  border: 0;
+
+  img {
+    height: 100%;
+    object-fit: cover;
+  }
+`;
+
 const DetailContainer = styled.div`
   margin-top: 0.5rem;
 `;
@@ -128,8 +140,7 @@ export const PosterCard = ({
         <LinkContainer onClick={() => navigate(path)}>
           <ImageContainer>
             {data?.imageUrl ? (
-              <SimpleImg
+              <Image
-                imgStyle={{ objectFit: 'cover' }}
                 importance="auto"
                 placeholder={data?.imagePlaceholderUrl || 'var(--card-default-bg)'}
                 src={data?.imageUrl}