Prompt for the CommunitySpaceApp

Please create a React-JS application for the CommunitySpaceModule. The application  has to offer the following views for the user interface: 
    1. BlockedUserView 
    2. CommunityChatView 
    3. CommunitySpaceView 
    4. SecuritySettingView 
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 BlockedUserView must contain the following fields: 
    - name: BlockedUserAccount   type: UserAccount 
    - name: CreatedAt   type: DATE 
    - name: UserAccount   type: UserAccount 
The data source for the [BlockedUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing BlockedUser entity should be loaded from the relative URL: 
    "/CommunitySpaceService/blockeduser/{id}"   (HTTP-GET) 
If a new BlockedUser entity has been created, the new entity should be posted to the relative URL: 
    "/CommunitySpaceService/blockeduser"   (HTTP-POST) 
If an existing BlockedUser entity has been updated, the modified entity should be sent to the relative URL: 
    "/CommunitySpaceService/blockeduser/{id}"   (HTTP-PUT) 
If an existing BlockedUser entity has to be deleted, the following relative URL should be called: 
    "/CommunitySpaceService/blockeduser/{id}"   (HTTP-DELETE)

2. The CommunityChatView must contain the following fields: 
    - name: Chat   type: Chat 
    - name: CommunitySpace   type: CommunitySpace 
    - name: IsAnnouncement   type: BOOL 
The data source for the [Chat] select control should be loaded from the relative URL: 
    "/ChatService/chat"   (HTTP-GET) 
The data source for the [CommunitySpace] select control should be loaded from the relative URL: 
    "/CommunitySpaceService/communityspace"   (HTTP-GET) 
An existing CommunityChat entity should be loaded from the relative URL: 
    "/CommunitySpaceService/communitychat/{id}"   (HTTP-GET) 
If a new CommunityChat entity has been created, the new entity should be posted to the relative URL: 
    "/CommunitySpaceService/communitychat"   (HTTP-POST) 
If an existing CommunityChat entity has been updated, the modified entity should be sent to the relative URL: 
    "/CommunitySpaceService/communitychat/{id}"   (HTTP-PUT) 
If an existing CommunityChat entity has to be deleted, the following relative URL should be called: 
    "/CommunitySpaceService/communitychat/{id}"   (HTTP-DELETE)

3. The CommunitySpaceView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
    - name: OwnerUserAccount   type: UserAccount 
The data source for the [OwnerUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing CommunitySpace entity should be loaded from the relative URL: 
    "/CommunitySpaceService/communityspace/{id}"   (HTTP-GET) 
If a new CommunitySpace entity has been created, the new entity should be posted to the relative URL: 
    "/CommunitySpaceService/communityspace"   (HTTP-POST) 
If an existing CommunitySpace entity has been updated, the modified entity should be sent to the relative URL: 
    "/CommunitySpaceService/communityspace/{id}"   (HTTP-PUT) 
If an existing CommunitySpace entity has to be deleted, the following relative URL should be called: 
    "/CommunitySpaceService/communityspace/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following CommunityChat columns: 
    - column: CommunitySpace 
    - column: IsAnnouncement 
    - column: Chat 
The table should have the title "CommunityChats" und the data must be loaded from the server with the following relative URL: 
    "/CommunitySpaceService/communitychat/communityspace/{id}"

4. The SecuritySettingView must contain the following fields: 
    - name: FingerprintLockEnabled   type: BOOL 
    - name: IsTwoStepVerificationEnabled   type: BOOL 
    - name: LastUpdatedAt   type: DATE 
    - name: PasskeyEnabled   type: BOOL 
    - name: SecretCodeEnabled   type: BOOL 
    - name: TwoStepEmail   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 SecuritySetting entity should be loaded from the relative URL: 
    "/CommunitySpaceService/securitysetting/{id}"   (HTTP-GET) 
If a new SecuritySetting entity has been created, the new entity should be posted to the relative URL: 
    "/CommunitySpaceService/securitysetting"   (HTTP-POST) 
If an existing SecuritySetting entity has been updated, the modified entity should be sent to the relative URL: 
    "/CommunitySpaceService/securitysetting/{id}"   (HTTP-PUT) 
If an existing SecuritySetting entity has to be deleted, the following relative URL should be called: 
    "/CommunitySpaceService/securitysetting/{id}"   (HTTP-DELETE)