Refactor code structure for improved readability and maintainability

board.php

@@ -677,11 +677,12 @@ function renderCards() {
             let assigneeHtml = '<span class="text-[10px] text-slate-400 italic">Niet toegewezen</span>';
             if (card.assignee_name) {
                 const initial = card.assignee_name.charAt(0).toUpperCase();
+                const avatarMarkup = card.assignee_avatar 
+                    ? `<img src="${escapeHtml(card.assignee_avatar)}" class="w-5 h-5 rounded-full object-cover flex-shrink-0 bg-white dark:bg-slate-900 border border-indigo-200 dark:border-indigo-800/60">` 
+                    : `<div class="w-5 h-5 rounded-full bg-gradient-to-tr from-indigo-600 to-sky-500 text-white font-bold text-[9px] flex items-center justify-center flex-shrink-0">${initial}</div>`;
                 assigneeHtml = `
                     <div class="flex items-center space-x-1.5" title="Toegewezen aan: ${escapeHtml(card.assignee_name)}">
-                        <div class="w-5 h-5 rounded-full bg-gradient-to-tr from-indigo-600 to-sky-500 text-white font-bold text-[9px] flex items-center justify-center">
-                            ${initial}
-                        </div>
+                        ${avatarMarkup}
                         <span class="text-[11px] font-medium text-slate-700 dark:text-slate-300 truncate max-w-[110px]">
                             ${escapeHtml(card.assignee_name)}
                         </span>