fixes

components/MemberCard.vue

@@ -74,7 +74,7 @@
         
         <div class="flex-grow-1">
           <h3 class="text-subtitle-1 font-weight-bold mb-1">
-            {{ member.FullName || `${member.first_name} ${member.last_name}` }}
+            {{ displayName }}
           </h3>
           <div class="nationality-display">
             <template v-if="nationalitiesArray.length > 0">
@@ -223,6 +223,13 @@ const memberInitials = computed(() => {
   return `${firstName.charAt(0)}${lastName.charAt(0)}`.toUpperCase();
 });
 
+const displayName = computed(() => {
+  // Try FullName first, then build from first_name + last_name, then fallback
+  return props.member.FullName || 
+         `${props.member.first_name || ''} ${props.member.last_name || ''}`.trim() ||
+         'New Member';
+});
+
 const avatarColor = computed(() => {
   // Generate consistent color based on member ID using high-contrast colors
   const colors = ['red', 'blue', 'green', 'orange', 'purple', 'teal', 'indigo', 'pink', 'brown'];