feat: family members list

- add family member tab component
- Change delete button color to warn in delete dialog box

fixes: #262 , #80

src/app/clients/clients.service.ts

@@ -20,6 +20,10 @@ export class ClientsService {
     const httpParams = new HttpParams().set('orderBy', 'id');
     return this.http.get('/clients', { params: httpParams });
   }
+
+  getClientTemplate(): Observable<any> {
+    return this.http.get('/clients/template');
+  }
   getClientData(clientId: string) {
     return this.http.get(`/clients/${clientId}`);
   }
@@ -39,4 +43,19 @@ export class ClientsService {
     const httpParams = new HttpParams().set('maxHeight', '150');
     return this.http.get(`/clients/${clientId}/images`, { params: httpParams, responseType: 'text' });
   }
+  getClientFamilyMembers(clientId: string) {
+    return this.http.get(`/clients/${clientId}/familymembers`);
+  }
+  getClientFamilyMember(clientId: string, familyMemberId: string) {
+    return this.http.get(`/clients/${clientId}/familymembers/${familyMemberId}`);
+  }
+  addFamilyMember(clientId: string, familyMemberData: any) {
+    return this.http.post(`/clients/${clientId}/familymembers`, familyMemberData);
+  }
+  editFamilyMember(clientId: string, familyMemberId: any, familyMemberData: any) {
+    return this.http.put(`/clients/${clientId}/familymembers/${familyMemberId}`, familyMemberData);
+  }
+  deleteFamilyMember(clientId: string, familyMemberId: string) {
+    return this.http.delete(`/clients/${clientId}/familymembers/${familyMemberId}`);
+  }
 }