🛻 Upgraded deps, fixed issues

src/client/components/Dashboard/RecentlyImported.tsx

@@ -67,6 +67,8 @@ export const RecentlyImported = (
             const isComicVineMetadataAvailable =
               !isUndefined(comicvine) &&
               !isUndefined(comicvine.volumeInformation);
+            const hasComicInfo = !isNil(comicInfo) && !isEmpty(comicInfo);
+            const cardState = (hasComicInfo || isComicVineMetadataAvailable) ? "scraped" : "imported";
             return (
               <div
                 key={idx}
@@ -77,6 +79,7 @@ export const RecentlyImported = (
                   imageUrl={url}
                   title={inferredMetadata.issue.name}
                   hasDetails
+                  cardState={cardState}
                 >
                 <div>
                   <dd className="text-sm my-1 flex flex-row gap-1">
@@ -115,7 +118,7 @@ export const RecentlyImported = (
                     {/* ComicInfo.xml presence */}
                     {!isNil(comicInfo) && !isEmpty(comicInfo) && (
                       <div className="mt-1">
-                        <i className="h-7 w-7 icon-[solar--code-file-bold-duotone] text-yellow-500 dark:text-yellow-300"></i>
+                        <i className="h-7 w-7 icon-[solar--code-file-bold-duotone] text-gray-500 dark:text-white-300"></i>
                       </div>
                     )}
                     {/* ComicVine metadata presence */}

src/client/components/Dashboard/WantedComicsList.tsx

@@ -59,6 +59,7 @@ export const WantedComicsList = ({
                 imageUrl={url}
                 hasDetails
                 title={issueName ? titleElement : <span>No Name</span>}
+                cardState="wanted"
               >
                 <div className="pb-1">
                   <div className="flex flex-row gap-2">