fix: ensure look images fully cover wrappers

This patch updates the scores header to ensure that the preview look
image properly covers the entire section to fill. Previously, this issue
was not so readily apparent until I started importing all the shows from
Vogue. Not every show on Vogue has the same aspect ratio of look image.
This ensures that they appear to, at least, on my website.

app/routes/shows.$showId/route.tsx

@@ -83,7 +83,7 @@ function Looks({ className }: { className: string }) {
           <li key={look.id}>
             <div className='bg-gray-100 dark:bg-gray-900 aspect-person'>
               <img
-                className='object-cover h-full'
+                className='object-cover h-full w-full'
                 src={look.image.url}
                 alt=''
               />

app/routes/shows.$showId/scores-header.tsx

@@ -90,7 +90,7 @@ export function ScoresHeader() {
       <div className='flex gap-2'>
         <div className='flex-none w-40 bg-gray-100 dark:bg-gray-900 h-0 min-h-full'>
           <img
-            className='object-cover h-full'
+            className='object-cover h-full w-full'
             src={show.looks[0].image.url}
             alt=''
           />

app/routes/shows._index.tsx

@@ -39,7 +39,7 @@ export default function ShowsPage() {
               <Link to={`/shows/${show.id}`}>
                 <div className='bg-gray-100 dark:bg-gray-900 aspect-person mb-2'>
                   <img
-                    className='object-cover h-full'
+                    className='object-cover h-full w-full'
                     src={show.looks[0].image.url}
                     alt=''
                   />