Fixed placeholder.png fetch error

public/js/components/ChannelList.js

@@ -293,8 +293,8 @@ class ChannelList {
                data-source-type="${channel.sourceType}"
                data-stream-id="${channel.streamId || ''}"
                data-url="${channel.url || ''}">
-            <img class="channel-logo" src="${channel.tvgLogo || '/img/placeholder.png'}" 
-                 alt="" onerror="this.src='/img/placeholder.png'">
+            <img class="channel-logo" src="${channel.tvgLogo && channel.tvgLogo.length > 0 ? channel.tvgLogo : '/img/placeholder.png'}" 
+                 alt="" onerror="this.onerror=null;this.src='/img/placeholder.png'">
             <div class="channel-info">
               <div class="channel-name">${this.escapeHtml(channel.name)}</div>
               <div class="channel-program">${this.escapeHtml(this.getProgramInfo(channel) || '')}</div>
@@ -741,8 +741,8 @@ class ChannelList {
         div.dataset.url = channel.url || '';
 
         div.innerHTML = `
-            <img class="channel-logo" src="${channel.tvgLogo || '/img/placeholder.png'}" 
-                 alt="" onerror="this.src='/img/placeholder.png'">
+            <img class="channel-logo" src="${channel.tvgLogo && channel.tvgLogo.length > 0 ? channel.tvgLogo : '/img/placeholder.png'}" 
+                 alt="" onerror="this.onerror=null;this.src='/img/placeholder.png'">
             <div class="channel-info">
               <div class="channel-name">${this.escapeHtml(channel.name)}</div>
               <div class="channel-program">${this.getProgramInfo(channel) || ''}</div>

public/js/components/EpgGuide.js

@@ -449,7 +449,7 @@ class EpgGuide {
               ${isFavorite ? '❤️' : '♡'}
             </button>
             <img class="epg-channel-logo" src="${logo}" 
-                 alt="" onerror="this.src='/img/placeholder.png'">
+                 alt="" onerror="this.onerror=null;this.src='/img/placeholder.png'">
             <span class="epg-channel-name">${name}</span>
             <div class="resize-handle"></div>
           </div>

public/js/pages/MoviesPage.js

@@ -287,7 +287,7 @@ class MoviesPage {
             card.innerHTML = `
                 <div class="movie-poster">
                     <img src="${poster}" alt="${movie.name}" 
-                         onerror="this.src='/img/placeholder.png'" loading="lazy">
+                         onerror="this.onerror=null;this.src='/img/placeholder.png'" loading="lazy">
                     <div class="movie-play-overlay">
                         <span class="play-icon">▶</span>
                     </div>

public/js/pages/SeriesPage.js

@@ -297,7 +297,7 @@ class SeriesPage {
             card.innerHTML = `
                 <div class="series-poster">
                     <img src="${poster}" alt="${series.name}" 
-                         onerror="this.src='/img/placeholder.png'" loading="lazy">
+                         onerror="this.onerror=null;this.src='/img/placeholder.png'" loading="lazy">
                     <div class="series-play-overlay">
                         <span class="play-icon">▶</span>
                     </div>