Prompt for the KlientApp

Please create a React-JS application for the KlientModule. The application  has to offer the following views for the user interface: 
    1. KlientView 
    2. KlientKontaktpersonView 
    3. PersonView 
    4. RechnungView 
The views have to be reachable for the user via a menu list at the left side of each view. The requirements for the 4 views are defined below.

1. The KlientView must contain the following fields: 
    - name: EmailAdresse   type: STRING 
    - name: Familienstand   type: STRING 
    - name: Geburtsdatum   type: DATE 
    - name: Geschlecht   type: STRING 
    - name: GesetzlicherBetreuer   type: Person 
    - name: Hauptdiagnose   type: STRING 
    - name: Hauptstandort   type: PflegedienstStandort 
    - name: IstVerstorben   type: BOOL 
    - name: Lebenssituation   type: STRING 
    - name: Nachname   type: STRING 
    - name: Pflegedienst   type: Pflegedienst 
    - name: Pflegegrad   type: LONG 
    - name: Sterbedatum   type: DATE 
    - name: Telefonnummer   type: STRING 
    - name: Vorname   type: STRING 
    - name: Wohnort   type: Ort 
The data source for the [Pflegedienst] select control should be loaded from the relative URL: 
    "/PflegedienstService/pflegedienst"   (HTTP-GET) 
The data source for the [Wohnort] select control should be loaded from the relative URL: 
    "/OrtService/ort"   (HTTP-GET) 
The data source for the [GesetzlicherBetreuer] select control should be loaded from the relative URL: 
    "/KlientService/person"   (HTTP-GET) 
The data source for the [Hauptstandort] select control should be loaded from the relative URL: 
    "/PflegedienstStandortService/pflegedienststandort"   (HTTP-GET) 
An existing Klient entity should be loaded from the relative URL: 
    "/KlientService/klient/{id}"   (HTTP-GET) 
If a new Klient entity has been created, the new entity should be posted to the relative URL: 
    "/KlientService/klient"   (HTTP-POST) 
If an existing Klient entity has been updated, the modified entity should be sent to the relative URL: 
    "/KlientService/klient/{id}"   (HTTP-PUT) 
If an existing Klient entity has to be deleted, the following relative URL should be called: 
    "/KlientService/klient/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following PflegeDokumentation columns: 
    - column: Einsatz 
    - column: Textinhalt 
    - column: Dokumentationstyp 
    - column: Klient 
    - column: ErstelltVonMitarbeiter 
    - column: Zeitpunkt 
The table should have the title "PflegeDokumentations" und the data must be loaded from the server with the following relative URL: 
    "/MedikationsplanService/pflegedokumentation/klient/{id}" 
Add a HTML table to the view with the following Einsatz columns: 
    - column: Abbruchgrund 
    - column: GeplantStart 
    - column: PflegedienstStandort 
    - column: GeplantEnde 
    - column: Einsatzstatus 
    - column: Klient 
    - column: TatsaechlichEnde 
    - column: VerantwortlicherMitarbeiter 
    - column: TatsaechlichStart 
The table should have the title "Einsatzs" und the data must be loaded from the server with the following relative URL: 
    "/MitarbeiterService/einsatz/klient/{id}" 
Add a HTML table to the view with the following Pflegevertrag columns: 
    - column: Kuendigungsgrund 
    - column: Vertragstyp 
    - column: Bemerkung 
    - column: Status 
    - column: Klient 
    - column: Startdatum 
    - column: Kuendigungsdatum 
    - column: Enddatum 
    - column: Pflegedienst 
The table should have the title "Pflegevertrags" und the data must be loaded from the server with the following relative URL: 
    "/PflegevertragService/pflegevertrag/klient/{id}" 
Add a HTML table to the view with the following Pflegeplan columns: 
    - column: Planstatus 
    - column: RisikoEinschaetzung 
    - column: AktualisiertAm 
    - column: ErstelltAm 
    - column: Zielbeschreibung 
    - column: ErstelltVonMitarbeiter 
    - column: Klient 
The table should have the title "Pflegeplans" und the data must be loaded from the server with the following relative URL: 
    "/PflegeplanService/pflegeplan/klient/{id}" 
Add a HTML table to the view with the following Medikationsplan columns: 
    - column: Klient 
    - column: VerordnenderArzt 
    - column: AktualisiertAm 
    - column: ErstelltAm 
    - column: ErstelltVonMitarbeiter 
The table should have the title "Medikationsplans" und the data must be loaded from the server with the following relative URL: 
    "/MedikationsplanService/medikationsplan/klient/{id}" 
Add a HTML table to the view with the following KlientKontaktperson columns: 
    - column: Klient 
    - column: Person 
    - column: Beziehung 
    - column: IstNotfallkontakt 
The table should have the title "KlientKontaktpersons" und the data must be loaded from the server with the following relative URL: 
    "/KlientService/klientkontaktperson/klient/{id}" 
Add a HTML table to the view with the following KlientVersicherung columns: 
    - column: Versicherungsart 
    - column: Versicherung 
    - column: GueltigBis 
    - column: Klient 
    - column: IstPrimaer 
    - column: Versicherungsnummer 
    - column: GueltigVon 
The table should have the title "KlientVersicherungs" und the data must be loaded from the server with the following relative URL: 
    "/OrtService/klientversicherung/klient/{id}" 
Add a HTML table to the view with the following Rechnung columns: 
    - column: Gesamtbetrag 
    - column: Versicherung 
    - column: Pflegedienst 
    - column: AbrechnungszeitraumBis 
    - column: Rechnungsnummer 
    - column: Rechnungsstatus 
    - column: AbrechnungszeitraumVon 
    - column: Rechnungsdatum 
    - column: Klient 
    - column: Faelligkeitsdatum 
The table should have the title "Rechnungs" und the data must be loaded from the server with the following relative URL: 
    "/KlientService/rechnung/klient/{id}"

2. The KlientKontaktpersonView must contain the following fields: 
    - name: Beziehung   type: STRING 
    - name: IstNotfallkontakt   type: BOOL 
    - name: Klient   type: Klient 
    - name: Person   type: Person 
The data source for the [Klient] select control should be loaded from the relative URL: 
    "/KlientService/klient"   (HTTP-GET) 
The data source for the [Person] select control should be loaded from the relative URL: 
    "/KlientService/person"   (HTTP-GET) 
An existing KlientKontaktperson entity should be loaded from the relative URL: 
    "/KlientService/klientkontaktperson/{id}"   (HTTP-GET) 
If a new KlientKontaktperson entity has been created, the new entity should be posted to the relative URL: 
    "/KlientService/klientkontaktperson"   (HTTP-POST) 
If an existing KlientKontaktperson entity has been updated, the modified entity should be sent to the relative URL: 
    "/KlientService/klientkontaktperson/{id}"   (HTTP-PUT) 
If an existing KlientKontaktperson entity has to be deleted, the following relative URL should be called: 
    "/KlientService/klientkontaktperson/{id}"   (HTTP-DELETE)

3. The PersonView must contain the following fields: 
    - name: EmailAdresse   type: STRING 
    - name: Geburtsdatum   type: DATE 
    - name: Geschlecht   type: STRING 
    - name: Nachname   type: STRING 
    - name: Telefonnummer   type: STRING 
    - name: Vorname   type: STRING 
An existing Person entity should be loaded from the relative URL: 
    "/KlientService/person/{id}"   (HTTP-GET) 
If a new Person entity has been created, the new entity should be posted to the relative URL: 
    "/KlientService/person"   (HTTP-POST) 
If an existing Person entity has been updated, the modified entity should be sent to the relative URL: 
    "/KlientService/person/{id}"   (HTTP-PUT) 
If an existing Person entity has to be deleted, the following relative URL should be called: 
    "/KlientService/person/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following KlientKontaktperson columns: 
    - column: Klient 
    - column: Person 
    - column: Beziehung 
    - column: IstNotfallkontakt 
The table should have the title "KlientKontaktpersons" und the data must be loaded from the server with the following relative URL: 
    "/KlientService/klientkontaktperson/person/{id}" 
Add a HTML table to the view with the following Klient columns: 
    - column: IstVerstorben 
    - column: Pflegedienst 
    - column: Geburtsdatum 
    - column: Pflegegrad 
    - column: Lebenssituation 
    - column: Nachname 
    - column: EmailAdresse 
    - column: Familienstand 
    - column: Geschlecht 
    - column: GesetzlicherBetreuer 
    - column: Hauptstandort 
    - column: Sterbedatum 
    - column: Hauptdiagnose 
    - column: Wohnort 
    - column: Telefonnummer 
    - column: Vorname 
The table should have the title "Klients" und the data must be loaded from the server with the following relative URL: 
    "/KlientService/klient/gesetzlicherbetreuer/{id}" 
Add a HTML table to the view with the following Mitarbeiter columns: 
    - column: IstPflegedienstleitung 
    - column: Person 
    - column: Hauptstandort 
    - column: Einstellungsdatum 
    - column: Pflegedienst 
    - column: Wochenstunden 
    - column: IstLeitung 
    - column: Beschaeftigungsart 
    - column: IstAktiv 
    - column: Austrittsdatum 
The table should have the title "Mitarbeiters" und the data must be loaded from the server with the following relative URL: 
    "/MitarbeiterService/mitarbeiter/person/{id}"

4. The RechnungView must contain the following fields: 
    - name: AbrechnungszeitraumBis   type: DATE 
    - name: AbrechnungszeitraumVon   type: DATE 
    - name: Faelligkeitsdatum   type: DATE 
    - name: Gesamtbetrag   type: STRING 
    - name: Klient   type: Klient 
    - name: Pflegedienst   type: Pflegedienst 
    - name: Rechnungsdatum   type: DATE 
    - name: Rechnungsnummer   type: STRING 
    - name: Rechnungsstatus   type: STRING 
    - name: Versicherung   type: Versicherung 
The data source for the [Pflegedienst] select control should be loaded from the relative URL: 
    "/PflegedienstService/pflegedienst"   (HTTP-GET) 
The data source for the [Versicherung] select control should be loaded from the relative URL: 
    "/OrtService/versicherung"   (HTTP-GET) 
The data source for the [Klient] select control should be loaded from the relative URL: 
    "/KlientService/klient"   (HTTP-GET) 
An existing Rechnung entity should be loaded from the relative URL: 
    "/KlientService/rechnung/{id}"   (HTTP-GET) 
If a new Rechnung entity has been created, the new entity should be posted to the relative URL: 
    "/KlientService/rechnung"   (HTTP-POST) 
If an existing Rechnung entity has been updated, the modified entity should be sent to the relative URL: 
    "/KlientService/rechnung/{id}"   (HTTP-PUT) 
If an existing Rechnung entity has to be deleted, the following relative URL should be called: 
    "/KlientService/rechnung/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Rechnungsposition columns: 
    - column: Betrag 
    - column: LeistungskatalogEintrag 
    - column: Menge 
    - column: Einzelpreis 
    - column: EinsatzLeistung 
    - column: Beschreibung 
    - column: Rechnung 
The table should have the title "Rechnungspositions" und the data must be loaded from the server with the following relative URL: 
    "/EinsatzLeistungService/rechnungsposition/rechnung/{id}"