feat: enhance image URL handling; sanitize fallback URLs and improve cover image display logic

src/routes/(app)/matches/[id]/+page.server.ts

@@ -30,7 +30,10 @@ export const load: PageServerLoad = async ({ params, locals }) => {
 		await Promise.allSettled(
 			m.mappool.slots.map(async (slot) => {
 				// Fast path: metadata already stored in DB
-				if (slot.title && slot.coverUrl) {
+				if (slot.title !== null) {
+					// Sanitize any stale ppy.sh fallback URLs (image was unavailable when first fetched)
+					const coverUrl = slot.coverUrl?.includes('ppy.sh') ? null : (slot.coverUrl ?? null);
+					const listCoverUrl = slot.listCoverUrl?.includes('ppy.sh') ? null : (slot.listCoverUrl ?? null);
 					beatmapCache[slot.beatmapId] = {
 						title: slot.title,
 						artist: slot.artist ?? '',
@@ -38,8 +41,8 @@ export const load: PageServerLoad = async ({ params, locals }) => {
 						starRating: slot.starRating ?? 0,
 						bpm: slot.bpm ?? 0,
 						totalLength: slot.totalLength ?? 0,
-						coverUrl: slot.coverUrl,
-						listCoverUrl: slot.listCoverUrl
+						coverUrl,
+						listCoverUrl
 					};
 					return;
 				}

src/routes/(app)/matches/[id]/+page.svelte

@@ -502,6 +502,8 @@
 						<span class="w-6 text-center text-xs font-600 text-text-secondary">{game.gameNumber}</span>
 						{#if bm?.listCoverUrl}
 							<img src={bm.listCoverUrl} alt="" class="h-8 w-16 rounded object-cover" />
+						{:else}
+							<div class="h-8 w-16 flex-shrink-0 rounded bg-surface-700"></div>
 						{/if}
 						<div class="min-w-0 flex-1">
 							{#if bm}