fix: harden sync and image fallback; release 4.9.19

components/favorites/FavoritesList.tsx

@@ -14,13 +14,15 @@ interface FavoritesListProps {
 }
 
 export function FavoritesList({ favorites, onRemove, isPremium = false }: FavoritesListProps) {
-    if (favorites.length === 0) {
+    const renderableFavorites = keepRenderableFavorites(favorites);
+
+    if (renderableFavorites.length === 0) {
         return <FavoritesEmptyState />;
     }
 
     return (
         <div className="flex-1 overflow-y-auto -mx-2 px-2 space-y-2 scroll-smooth">
-            {keepRenderableFavorites(favorites).map((item) => (
+            {renderableFavorites.map((item) => (
                 <FavoritesItem
                     key={`${item.source}:${item.videoId}`}
                     item={item}

components/history/HistoryList.tsx

@@ -10,16 +10,18 @@ interface HistoryListProps {
 }
 
 export function HistoryList({ history, onRemove, isPremium = false }: HistoryListProps) {
+    const renderableHistory = keepRenderableHistory(history);
+
     return (
         <div className="flex-1 overflow-y-auto -mx-2 px-2" style={{
             transform: 'translate3d(0, 0, 0)',
             WebkitOverflowScrolling: 'touch'
         }}>
-            {history.length === 0 ? (
+            {renderableHistory.length === 0 ? (
                 <HistoryEmptyState />
             ) : (
                 <div className="space-y-3">
-                    {keepRenderableHistory(history).map((item) => (
+                    {renderableHistory.map((item) => (
                         <HistoryItem
                             key={item.showIdentifier}
                             item={item}