Prompt for the UserAccountApp

Please create a React-JS application for the UserAccountModule. The application  has to offer the following views for the user interface: 
    1. CountryView 
    2. SavedFilterView 
    3. UserAccountView 
    4. VesselCommentView 
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 CountryView must contain the following fields: 
    - name: IsoCode2   type: STRING 
    - name: IsoCode3   type: STRING 
    - name: Name   type: STRING 
    - name: Region   type: STRING 
An existing Country entity should be loaded from the relative URL: 
    "/UserAccountService/country/{id}"   (HTTP-GET) 
If a new Country entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/country"   (HTTP-POST) 
If an existing Country entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/country/{id}"   (HTTP-PUT) 
If an existing Country entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/country/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following UserAccount columns: 
    - column: CreatedUtc 
    - column: DisplayName 
    - column: IsEmailVerified 
    - column: LastLoginUtc 
    - column: Country 
    - column: UserRole 
    - column: PreferredLanguage 
    - column: TimeZone 
    - column: Email 
    - column: PasswordHash 
The table should have the title "UserAccounts" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/useraccount/country/{id}" 
Add a HTML table to the view with the following Vessel columns: 
    - column: BuildYear 
    - column: Beam 
    - column: LengthOverall 
    - column: VesselType 
    - column: Draught 
    - column: CallSign 
    - column: ImoNumber 
    - column: GrossTonnage 
    - column: FlagCountry 
    - column: VesselStatus 
    - column: Name 
    - column: Mmsi 
    - column: Deadweight 
The table should have the title "Vessels" und the data must be loaded from the server with the following relative URL: 
    "/VesselService/vessel/flagcountry/{id}" 
Add a HTML table to the view with the following VesselIdentifierHistory columns: 
    - column: PreviousFlagCountry 
    - column: PreviousName 
    - column: PreviousMmsi 
    - column: ValidToUtc 
    - column: Vessel 
    - column: PreviousCallSign 
    - column: ValidFromUtc 
The table should have the title "VesselIdentifierHistorys" und the data must be loaded from the server with the following relative URL: 
    "/FleetService/vesselidentifierhistory/previousflagcountry/{id}" 
Add a HTML table to the view with the following Port columns: 
    - column: Unlocode 
    - column: TimeZone 
    - column: Name 
    - column: Latitude 
    - column: Country 
    - column: PortType 
    - column: Longitude 
The table should have the title "Ports" und the data must be loaded from the server with the following relative URL: 
    "/PortService/port/country/{id}" 
Add a HTML table to the view with the following AisStation columns: 
    - column: ActiveToUtc 
    - column: OwnerUser 
    - column: Latitude 
    - column: ActiveFromUtc 
    - column: ElevationMeters 
    - column: IsActive 
    - column: Longitude 
    - column: StationCode 
    - column: StationType 
    - column: Country 
    - column: Name 
The table should have the title "AisStations" und the data must be loaded from the server with the following relative URL: 
    "/GeographicalAreaService/aisstation/country/{id}"

2. The SavedFilterView must contain the following fields: 
    - name: CreatedUtc   type: DATE 
    - name: Description   type: STRING 
    - name: FilterJson   type: STRING 
    - name: IsDefault   type: BOOL 
    - name: Name   type: STRING 
    - name: UserAccount   type: UserAccount 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing SavedFilter entity should be loaded from the relative URL: 
    "/UserAccountService/savedfilter/{id}"   (HTTP-GET) 
If a new SavedFilter entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/savedfilter"   (HTTP-POST) 
If an existing SavedFilter entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/savedfilter/{id}"   (HTTP-PUT) 
If an existing SavedFilter entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/savedfilter/{id}"   (HTTP-DELETE)

3. The UserAccountView must contain the following fields: 
    - name: Country   type: Country 
    - name: CreatedUtc   type: DATE 
    - name: DisplayName   type: STRING 
    - name: Email   type: STRING 
    - name: IsEmailVerified   type: BOOL 
    - name: LastLoginUtc   type: DATE 
    - name: PasswordHash   type: STRING 
    - name: PreferredLanguage   type: STRING 
    - name: TimeZone   type: STRING 
    - name: UserRole   type: STRING 
The data source for the [Country] select control should be loaded from the relative URL: 
    "/UserAccountService/country"   (HTTP-GET) 
An existing UserAccount entity should be loaded from the relative URL: 
    "/UserAccountService/useraccount/{id}"   (HTTP-GET) 
If a new UserAccount entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-POST) 
If an existing UserAccount entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/useraccount/{id}"   (HTTP-PUT) 
If an existing UserAccount entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/useraccount/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following AlertRule columns: 
    - column: AlertType 
    - column: UserAccount 
    - column: ThresholdSpeed 
    - column: Name 
    - column: CreatedUtc 
    - column: GeographicalArea 
    - column: Vessel 
    - column: Description 
    - column: Port 
    - column: IsActive 
The table should have the title "AlertRules" und the data must be loaded from the server with the following relative URL: 
    "/PortService/alertrule/useraccount/{id}" 
Add a HTML table to the view with the following VesselComment columns: 
    - column: CommentText 
    - column: Vessel 
    - column: CreatedUtc 
    - column: UserAccount 
The table should have the title "VesselComments" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/vesselcomment/useraccount/{id}" 
Add a HTML table to the view with the following Notification columns: 
    - column: UserAccount 
    - column: AlertEvent 
    - column: Body 
    - column: ErrorMessage 
    - column: SentUtc 
    - column: Channel 
    - column: DeliveryStatus 
    - column: Subject 
The table should have the title "Notifications" und the data must be loaded from the server with the following relative URL: 
    "/FleetService/notification/useraccount/{id}" 
Add a HTML table to the view with the following SavedFilter columns: 
    - column: IsDefault 
    - column: FilterJson 
    - column: Description 
    - column: Name 
    - column: CreatedUtc 
    - column: UserAccount 
The table should have the title "SavedFilters" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/savedfilter/useraccount/{id}" 
Add a HTML table to the view with the following UserDevice columns: 
    - column: LastSeenUtc 
    - column: DeviceToken 
    - column: Platform 
    - column: UserAccount 
    - column: IsActive 
The table should have the title "UserDevices" und the data must be loaded from the server with the following relative URL: 
    "/PhotoService/userdevice/useraccount/{id}" 
Add a HTML table to the view with the following ApiClient columns: 
    - column: ClientSecretHash 
    - column: ClientName 
    - column: UserAccount 
    - column: IsActive 
    - column: CreatedUtc 
    - column: ClientKey 
The table should have the title "ApiClients" und the data must be loaded from the server with the following relative URL: 
    "/ApiClientService/apiclient/useraccount/{id}" 
Add a HTML table to the view with the following UserSubscription columns: 
    - column: StartUtc 
    - column: SubscriptionPlan 
    - column: UserAccount 
    - column: IsTrial 
    - column: AutoRenew 
    - column: EndUtc 
The table should have the title "UserSubscriptions" und the data must be loaded from the server with the following relative URL: 
    "/SubscriptionPlanService/usersubscription/useraccount/{id}" 
Add a HTML table to the view with the following Fleet columns: 
    - column: IsShared 
    - column: CreatedUtc 
    - column: OwnerUser 
    - column: Name 
    - column: Description 
The table should have the title "Fleets" und the data must be loaded from the server with the following relative URL: 
    "/FleetService/fleet/owneruser/{id}" 
Add a HTML table to the view with the following Photo columns: 
    - column: IsApproved 
    - column: Description 
    - column: Vessel 
    - column: PhotographerName 
    - column: TakenUtc 
    - column: Title 
    - column: Source 
    - column: Url 
    - column: UserAccount 
    - column: UploadedUtc 
The table should have the title "Photos" und the data must be loaded from the server with the following relative URL: 
    "/PhotoService/photo/useraccount/{id}" 
Add a HTML table to the view with the following PhotoRating columns: 
    - column: Photo 
    - column: UserAccount 
    - column: RatingValue 
    - column: RatedUtc 
The table should have the title "PhotoRatings" und the data must be loaded from the server with the following relative URL: 
    "/PhotoService/photorating/useraccount/{id}"

4. The VesselCommentView must contain the following fields: 
    - name: CommentText   type: STRING 
    - name: CreatedUtc   type: DATE 
    - name: UserAccount   type: UserAccount 
    - name: Vessel   type: Vessel 
The data source for the [Vessel] select control should be loaded from the relative URL: 
    "/VesselService/vessel"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing VesselComment entity should be loaded from the relative URL: 
    "/UserAccountService/vesselcomment/{id}"   (HTTP-GET) 
If a new VesselComment entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/vesselcomment"   (HTTP-POST) 
If an existing VesselComment entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/vesselcomment/{id}"   (HTTP-PUT) 
If an existing VesselComment entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/vesselcomment/{id}"   (HTTP-DELETE)