feat: integrate user profile pictures with circular avatar display and upload in settings

frontend/src/features/triage/TasksView.tsx

@@ -1249,8 +1249,12 @@ export const TasksView: React.FC<TasksViewProps> = ({
                     return (
                       <div className="flex items-center -space-x-1 ml-0.5" title={`Geteilt (${tl.members?.length || 1} Mitglieder)`}>
                         {otherMembers.slice(0, 2).map((m) => (
-                          <span key={m.userId} className="w-3.5 h-3.5 rounded-pill bg-accent/20 border border-panel text-[8px] font-bold text-accent flex items-center justify-center">
-                            {getInitials(m.displayName || m.email)[0]}
+                          <span key={m.userId} className="w-3.5 h-3.5 rounded-full overflow-hidden bg-accent/20 border border-panel text-[8px] font-bold text-accent flex items-center justify-center shrink-0">
+                            {m.avatarUrl ? (
+                              <img src={m.avatarUrl} alt="" className="w-full h-full object-cover rounded-full" />
+                            ) : (
+                              getInitials(m.displayName || m.email)[0]
+                            )}
                           </span>
                         ))}
                       </div>
@@ -1563,6 +1567,7 @@ export const TasksView: React.FC<TasksViewProps> = ({
             targetId: sh.targetId,
             targetName: sh.targetName || (sh.targetType === 'team' ? 'Gruppe' : sh.email || 'Benutzer'),
             targetEmail: sh.email,
+            avatarUrl: sh.avatarUrl,
             permission: 'editor' as const,
             role: 'editor',
             createdAt: sh.createdAt,