perf(web-player): take the cover track ids from the list response

web-player/src/routes/(app)/playlists/+page.server.ts

@@ -2,7 +2,6 @@ import type { PageServerLoad, Actions } from './$types';
 import { fail, redirect } from '@sveltejs/kit';
 import {
 	createApiClient,
-	playlistCoverTrackIds,
 	requireAccessTokenAction,
 	requireUser,
 	unwrapOrError
@@ -19,12 +18,8 @@ export const load: PageServerLoad = async ({ locals, url, fetch }) => {
 	});
 
 	const data = unwrapOrError(result, 'No se pudieron cargar tus playlists.');
-	const trackIds = await playlistCoverTrackIds(
-		api,
-		data.items.map((p) => p.id)
-	);
 
-	return { playlists: data, trackIds };
+	return { playlists: data };
 };
 
 export const actions: Actions = {

web-player/src/routes/(app)/playlists/+page.svelte

@@ -32,7 +32,6 @@
 	let { data, form } = $props();
 
 	const items = $derived(data.playlists.items);
-	const trackIds = $derived(data.trackIds);
 
 	let creating = $state(false);
 
@@ -65,7 +64,7 @@
 					id={playlist.id}
 					name={playlist.name}
 					description={playlist.description}
-					trackIds={trackIds[playlist.id] ?? []}
+					trackIds={playlist.coverTrackIds}
 					updatedAt={playlist.updatedAt}
 					index={i}
 				/>