feat: use media cache for cards

common/components/cards/Card.svelte

@@ -6,6 +6,7 @@
   import EpisodeCard from './EpisodeCard.svelte'
   import FullSkeletonCard from './FullSkeletonCard.svelte'
   import { settings } from '@/modules/settings.js'
+  import { anilistClient } from '@/modules/anilist.js'
 
   export let card
 
@@ -28,7 +29,7 @@
     <FullSkeletonCard />
   {:then media}
     {#if media}
-      <FullCard {media} />
+      <FullCard media={anilistClient.mediaCache[media.id]} />
     {/if}
   {/await}
 
@@ -38,7 +39,7 @@
     <SkeletonCard />
   {:then media}
     {#if media}
-      <SmallCard {media} />
+      <SmallCard media={anilistClient.mediaCache[media.id]} />
     {/if}
   {/await}
 

common/components/cards/EpisodeCard.svelte

@@ -5,11 +5,12 @@
   import { since } from '@/modules/util.js'
   import { getContext } from 'svelte'
   import { liveAnimeEpisodeProgress } from '@/modules/animeprogress.js'
+  import { anilistClient } from '@/modules/anilist.js'
   export let data
 
   let preview = false
   /** @type {import('@/modules/al.d.ts').Media | null} */
-  const media = data.media
+  const media = data.media && anilistClient.mediaCache[data.media.id]
 
   const episodeThumbnail = ((!media?.mediaListEntry?.status || !(media.mediaListEntry.status === 'CURRENT' && media.mediaListEntry.progress < data.episode)) && data.episodeData?.image) || media?.bannerImage || media?.coverImage.extraLarge || ' '