fix: feed icon in player cover

Signed-off-by: Innei <i@innei.in>

src/renderer/src/components/errors/FeedFoundCanBeFollowErrorFallback.tsx

@@ -28,7 +28,7 @@ export const FeedFoundCanBeFollowErrorFallback: FC<AppErrorFallbackProps> = ({
   return (
     <div className="flex w-full flex-col items-center justify-center rounded-md bg-theme-modal-background-opaque p-2">
       <div className="center m-auto flex max-w-prose flex-col gap-4 text-center">
-        <FeedIcon feed={feed} size={60} />
+        <FeedIcon feed={feed} size={60} className="rounded" />
 
         <div className="text-lg font-bold">{feed.title}</div>
 

src/renderer/src/components/feed-icon.tsx

@@ -218,6 +218,13 @@ export function FeedIcon({
       >
         {ImageElement}
       </AvatarImage>
+      <AvatarFallback>
+        <div
+          className={cn("mr-2", className)}
+          style={sizeStyle}
+          data-placeholder={finalSrc}
+        />
+      </AvatarFallback>
     </Avatar>
   )
 }

src/renderer/src/modules/entry-column/templates/list-item-template.tsx

@@ -139,10 +139,11 @@ export function ListItem({
           )}
           feedIcon={(
             <FeedIcon
+              fallback={false}
               feed={feed}
               entry={entry.entries}
               size={80}
-              className="m-0"
+              className="m-0 rounded"
             />
           )}
         />

src/renderer/src/modules/feed-column/corner-player.tsx

@@ -116,6 +116,7 @@ const CornerPlayerImpl = () => {
             feed={feed}
             entry={entry.entries}
             size={58}
+            fallback={false}
             className="m-0 size-[3.625rem] rounded-none"
           />
           <div className="center absolute inset-0 w-full opacity-0 transition-all duration-200 ease-in-out group-hover:opacity-100">