feat: Implemented jellyfin api

src/lib/components/Card/JellyfinCard.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { jellyfinApi, type JellyfinItem } from '../../apis/jellyfin/jellyfin-api';
+	import Card from './Card.svelte';
+
+	export let item: JellyfinItem;
+
+	// 	return {
+	// 	tmdbId: Number(item.ProviderIds?.Tmdb) || 0,
+	// 	jellyfinId: item.Id,
+	// 	title: item.Name || undefined,
+	// 	subtitle: item.Genres?.join(', ') || undefined,
+	// 	backdropUrl: getJellyfinPosterUrl(item, 80),
+	// 	size: 'dynamic',
+	// 	...(item.Type === 'Movie' ? { type: 'movie' } : { type: 'series' }),
+	// 	orientation: 'portrait',
+	// 	rating: item.CommunityRating || undefined
+	// };
+</script>
+
+<Card
+	tmdbId={Number(item.ProviderIds?.Tmdb) || 0}
+	jellyfinId={item.Id}
+	title={item.Name || undefined}
+	subtitle={item.Genres?.join(', ') || undefined}
+	backdropUrl={jellyfinApi.getPosterUrl(item, 80)}
+	size="dynamic"
+	type={item.Type === 'Movie' ? 'movie' : 'series'}
+	orientation="portrait"
+	rating={item.CommunityRating || undefined}
+/>