ui: extract generic AnimeCard component and adopt in watchlist and catalog

internal/shared/ui/anime_card.templ

@@ -0,0 +1,22 @@
+package ui
+
+import "fmt"
+
+type AnimeCardProps struct {
+	ID       int
+	Title    string
+	ImageURL string
+}
+
+templ AnimeCard(props AnimeCardProps) {
+	<a href={ templ.URL(fmt.Sprintf("/anime/%d", props.ID)) }>
+		if props.ImageURL != "" {
+			<img src={ props.ImageURL } alt={ props.Title } class="catalog-thumb" loading="lazy"/>
+		} else {
+			<div class="no-image">No image</div>
+		}
+	</a>
+	<div class="catalog-title">
+		{ props.Title }
+	</div>
+}

internal/shared/ui/anime_list.templ

@@ -36,14 +36,9 @@ templ InfiniteAnimeList(animes []jikan.Anime, hasNext bool, nextURL string, cont
 }
 
 templ CatalogItem(anime jikan.Anime) {
-	<a href={ templ.URL(fmt.Sprintf("/anime/%d", anime.MalID)) }>
-		if anime.ImageURL() != "" {
-			<img src={ anime.ImageURL() } alt={ anime.DisplayTitle() } class="catalog-thumb" loading="lazy"/>
-		} else {
-			<div class="no-image">No image</div>
-		}
-	</a>
-	<div class="catalog-title">
-		{ anime.DisplayTitle() }
-	</div>
+	@AnimeCard(AnimeCardProps{
+		ID:       anime.MalID,
+		Title:    anime.DisplayTitle(),
+		ImageURL: anime.ImageURL(),
+	})
 }