ui(thumbnails): force preview images to fixed ratio

Use object-fill for compact preview thumbnails so rank-list covers and
file previews fill their fixed boxes without cropping or black bars. This
keeps the list layout stable while matching the desired compressed-ratio
thumbnail treatment.

src/components/PopularRankList.tsx

@@ -132,26 +132,14 @@ function PopularRankRow({
         }`}
       >
         {cover ? (
-          <>
-            {/* Same image, blurred + scaled, fills the letterbox area so we
-                see the full poster (no crop) without dead black bars. */}
-            <img
-              src={cover}
-              alt=""
-              aria-hidden
-              loading="lazy"
-              decoding="async"
-              className="absolute inset-0 h-full w-full scale-110 object-cover opacity-70 blur-md"
-            />
-            <img
-              src={cover}
-              alt=""
-              loading="lazy"
-              decoding="async"
-              className="relative h-full w-full object-contain"
-              onError={() => setCoverFailed(true)}
-            />
-          </>
+          <img
+            src={cover}
+            alt=""
+            loading="lazy"
+            decoding="async"
+            className="h-full w-full object-fill"
+            onError={() => setCoverFailed(true)}
+          />
         ) : (
           <FallbackCover type={r.type} />
         )}