fix: 400 error when saving member and adding asterik for required field for year

src/components/AddMemberModal.tsx

@@ -219,7 +219,7 @@ export const AddMemberModal: React.FC<AddMemberModalProps> = ({ isOpen, onClose,
                             <div className="space-y-2">
                                 <label className="block text-sm font-medium text-gray-700">Date of Birth</label>
                                 <div className="grid grid-cols-3 gap-2">
-                                    <input type="number" placeholder="Year" required value={birthYear} onChange={e => setBirthYear(e.target.value)} className="w-full px-2 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 outline-none" />
+                                    <input type="number" placeholder="Year *" required value={birthYear} onChange={e => setBirthYear(e.target.value)} className="w-full px-2 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 outline-none" />
                                     <select
                                         value={birthMonth}
                                         onChange={e => setBirthMonth(e.target.value)}

src/lib/api.ts

@@ -113,7 +113,10 @@ export const api = {
   async addMember(member: Omit<FamilyMember, 'id' | 'name'> & { tree_id: string }): Promise<FamilyMember> {
     const { data, error } = await supabase
       .from('members')
-      .insert([member])
+      .insert([{
+        ...member,
+        name: `${member.first_name} ${member.last_name}`
+      }])
       .select()
       .single();