Prompt for the ChatMessageApp

Please create a React-JS application for the ChatMessageModule. The application  has to offer the following views for the user interface: 
    1. AbuseReportView 
    2. ChatMessageView 
    3. FeatureFlagView 
    4. MessageMediaView 
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 AbuseReportView must contain the following fields: 
    - name: Chat   type: Chat 
    - name: ChatMessage   type: ChatMessage 
    - name: CreatedAt   type: DATE 
    - name: Details   type: STRING 
    - name: Reason   type: STRING 
    - name: ReportedUserAccount   type: UserAccount 
    - name: ReporterUserAccount   type: UserAccount 
    - name: Status   type: STRING 
The data source for the [ReporterUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [ReportedUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
The data source for the [ChatMessage] select control should be loaded from the relative URL: 
    "/ChatMessageService/chatmessage"   (HTTP-GET) 
The data source for the [Chat] select control should be loaded from the relative URL: 
    "/ChatService/chat"   (HTTP-GET) 
An existing AbuseReport entity should be loaded from the relative URL: 
    "/ChatMessageService/abusereport/{id}"   (HTTP-GET) 
If a new AbuseReport entity has been created, the new entity should be posted to the relative URL: 
    "/ChatMessageService/abusereport"   (HTTP-POST) 
If an existing AbuseReport entity has been updated, the modified entity should be sent to the relative URL: 
    "/ChatMessageService/abusereport/{id}"   (HTTP-PUT) 
If an existing AbuseReport entity has to be deleted, the following relative URL should be called: 
    "/ChatMessageService/abusereport/{id}"   (HTTP-DELETE)

2. The ChatMessageView must contain the following fields: 
    - name: Chat   type: Chat 
    - name: DeliveredAt   type: DATE 
    - name: EditedAt   type: DATE 
    - name: IsDeletedForEveryone   type: BOOL 
    - name: IsDeletedForSender   type: BOOL 
    - name: IsEdited   type: BOOL 
    - name: IsViewOnce   type: BOOL 
    - name: MessageType   type: STRING 
    - name: ReadAt   type: DATE 
    - name: ReplyToChatMessage   type: LONG 
    - name: SenderUserAccount   type: UserAccount 
    - name: SentAt   type: DATE 
    - name: TextContent   type: STRING 
The data source for the [Chat] select control should be loaded from the relative URL: 
    "/ChatService/chat"   (HTTP-GET) 
The data source for the [SenderUserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing ChatMessage entity should be loaded from the relative URL: 
    "/ChatMessageService/chatmessage/{id}"   (HTTP-GET) 
If a new ChatMessage entity has been created, the new entity should be posted to the relative URL: 
    "/ChatMessageService/chatmessage"   (HTTP-POST) 
If an existing ChatMessage entity has been updated, the modified entity should be sent to the relative URL: 
    "/ChatMessageService/chatmessage/{id}"   (HTTP-PUT) 
If an existing ChatMessage entity has to be deleted, the following relative URL should be called: 
    "/ChatMessageService/chatmessage/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following AbuseReport columns: 
    - column: Chat 
    - column: ReportedUserAccount 
    - column: Reason 
    - column: Status 
    - column: CreatedAt 
    - column: ReporterUserAccount 
    - column: Details 
    - column: ChatMessage 
The table should have the title "AbuseReports" und the data must be loaded from the server with the following relative URL: 
    "/ChatMessageService/abusereport/chatmessage/{id}" 
Add a HTML table to the view with the following AiInteraction columns: 
    - column: PromptText 
    - column: InteractionType 
    - column: CreatedAt 
    - column: ResponseSummary 
    - column: UserAccount 
    - column: Chat 
    - column: ChatMessage 
The table should have the title "AiInteractions" und the data must be loaded from the server with the following relative URL: 
    "/ChatService/aiinteraction/chatmessage/{id}" 
Add a HTML table to the view with the following MessageMedia columns: 
    - column: DurationSeconds 
    - column: MediaType 
    - column: MediaFile 
    - column: ThumbnailMediaFile 
    - column: Caption 
    - column: Width 
    - column: Height 
    - column: ChatMessage 
The table should have the title "MessageMedias" und the data must be loaded from the server with the following relative URL: 
    "/ChatMessageService/messagemedia/chatmessage/{id}"

3. The FeatureFlagView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: DefaultEnabled   type: BOOL 
    - name: Description   type: STRING 
    - name: Name   type: STRING 
An existing FeatureFlag entity should be loaded from the relative URL: 
    "/ChatMessageService/featureflag/{id}"   (HTTP-GET) 
If a new FeatureFlag entity has been created, the new entity should be posted to the relative URL: 
    "/ChatMessageService/featureflag"   (HTTP-POST) 
If an existing FeatureFlag entity has been updated, the modified entity should be sent to the relative URL: 
    "/ChatMessageService/featureflag/{id}"   (HTTP-PUT) 
If an existing FeatureFlag entity has to be deleted, the following relative URL should be called: 
    "/ChatMessageService/featureflag/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following UserFeatureFlag columns: 
    - column: UserAccount 
    - column: FeatureFlag 
    - column: EnabledAt 
    - column: IsEnabled 
The table should have the title "UserFeatureFlags" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/userfeatureflag/featureflag/{id}"

4. The MessageMediaView must contain the following fields: 
    - name: Caption   type: STRING 
    - name: ChatMessage   type: ChatMessage 
    - name: DurationSeconds   type: LONG 
    - name: Height   type: LONG 
    - name: MediaFile   type: MediaFile 
    - name: MediaType   type: STRING 
    - name: ThumbnailMediaFile   type: MediaFile 
    - name: Width   type: LONG 
The data source for the [MediaFile] select control should be loaded from the relative URL: 
    "/MediaFileService/mediafile"   (HTTP-GET) 
The data source for the [ThumbnailMediaFile] select control should be loaded from the relative URL: 
    "/MediaFileService/mediafile"   (HTTP-GET) 
The data source for the [ChatMessage] select control should be loaded from the relative URL: 
    "/ChatMessageService/chatmessage"   (HTTP-GET) 
An existing MessageMedia entity should be loaded from the relative URL: 
    "/ChatMessageService/messagemedia/{id}"   (HTTP-GET) 
If a new MessageMedia entity has been created, the new entity should be posted to the relative URL: 
    "/ChatMessageService/messagemedia"   (HTTP-POST) 
If an existing MessageMedia entity has been updated, the modified entity should be sent to the relative URL: 
    "/ChatMessageService/messagemedia/{id}"   (HTTP-PUT) 
If an existing MessageMedia entity has to be deleted, the following relative URL should be called: 
    "/ChatMessageService/messagemedia/{id}"   (HTTP-DELETE)