Prompt for the MediaFileApp

Please create a React-JS application for the MediaFileModule. The application  has to offer the following views for the user interface: 
    1. MediaFileView 
    2. StatusUpdateView 
    3. StickerView 
    4. StickerPackView 
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 MediaFileView must contain the following fields: 
    - name: Checksum   type: STRING 
    - name: CreatedAt   type: DATE 
    - name: FileName   type: STRING 
    - name: IsEncrypted   type: BOOL 
    - name: MimeType   type: STRING 
    - name: SizeBytes   type: LONG 
    - name: StoragePath   type: STRING 
An existing MediaFile entity should be loaded from the relative URL: 
    "/MediaFileService/mediafile/{id}"   (HTTP-GET) 
If a new MediaFile entity has been created, the new entity should be posted to the relative URL: 
    "/MediaFileService/mediafile"   (HTTP-POST) 
If an existing MediaFile entity has been updated, the modified entity should be sent to the relative URL: 
    "/MediaFileService/mediafile/{id}"   (HTTP-PUT) 
If an existing MediaFile entity has to be deleted, the following relative URL should be called: 
    "/MediaFileService/mediafile/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following UserAvatar columns: 
    - column: UserAccount 
    - column: RenderedMediaFile 
    - column: CreatedAt 
    - column: StyleJson 
    - column: UpdatedAt 
The table should have the title "UserAvatars" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/useravatar/renderedmediafile/{id}" 
Add a HTML table to the view with the following StatusUpdate columns: 
    - column: VoiceNoteMediaFile 
    - column: CreatedAt 
    - column: ExpiresAt 
    - column: TextContent 
    - column: VisibilityScope 
    - column: UserAccount 
    - column: MediaFile 
    - column: StatusType 
The table should have the title "StatusUpdates" und the data must be loaded from the server with the following relative URL: 
    "/MediaFileService/statusupdate/mediafile/{id}" 
Add a HTML table to the view with the following StatusUpdate columns: 
    - column: VoiceNoteMediaFile 
    - column: CreatedAt 
    - column: ExpiresAt 
    - column: TextContent 
    - column: VisibilityScope 
    - column: UserAccount 
    - column: MediaFile 
    - column: StatusType 
The table should have the title "StatusUpdates" und the data must be loaded from the server with the following relative URL: 
    "/MediaFileService/statusupdate/voicenotemediafile/{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/mediafile/{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/thumbnailmediafile/{id}" 
Add a HTML table to the view with the following Sticker columns: 
    - column: StickerPack 
    - column: CreatedAt 
    - column: MediaFile 
    - column: EmojiHint 
The table should have the title "Stickers" und the data must be loaded from the server with the following relative URL: 
    "/MediaFileService/sticker/mediafile/{id}"

2. The StatusUpdateView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: ExpiresAt   type: DATE 
    - name: MediaFile   type: MediaFile 
    - name: StatusType   type: STRING 
    - name: TextContent   type: STRING 
    - name: UserAccount   type: UserAccount 
    - name: VisibilityScope   type: STRING 
    - name: VoiceNoteMediaFile   type: MediaFile 
The data source for the [MediaFile] select control should be loaded from the relative URL: 
    "/MediaFileService/mediafile"   (HTTP-GET) 
The data source for the [VoiceNoteMediaFile] select control should be loaded from the relative URL: 
    "/MediaFileService/mediafile"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing StatusUpdate entity should be loaded from the relative URL: 
    "/MediaFileService/statusupdate/{id}"   (HTTP-GET) 
If a new StatusUpdate entity has been created, the new entity should be posted to the relative URL: 
    "/MediaFileService/statusupdate"   (HTTP-POST) 
If an existing StatusUpdate entity has been updated, the modified entity should be sent to the relative URL: 
    "/MediaFileService/statusupdate/{id}"   (HTTP-PUT) 
If an existing StatusUpdate entity has to be deleted, the following relative URL should be called: 
    "/MediaFileService/statusupdate/{id}"   (HTTP-DELETE)

3. The StickerView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: EmojiHint   type: STRING 
    - name: MediaFile   type: MediaFile 
    - name: StickerPack   type: StickerPack 
The data source for the [MediaFile] select control should be loaded from the relative URL: 
    "/MediaFileService/mediafile"   (HTTP-GET) 
The data source for the [StickerPack] select control should be loaded from the relative URL: 
    "/MediaFileService/stickerpack"   (HTTP-GET) 
An existing Sticker entity should be loaded from the relative URL: 
    "/MediaFileService/sticker/{id}"   (HTTP-GET) 
If a new Sticker entity has been created, the new entity should be posted to the relative URL: 
    "/MediaFileService/sticker"   (HTTP-POST) 
If an existing Sticker entity has been updated, the modified entity should be sent to the relative URL: 
    "/MediaFileService/sticker/{id}"   (HTTP-PUT) 
If an existing Sticker entity has to be deleted, the following relative URL should be called: 
    "/MediaFileService/sticker/{id}"   (HTTP-DELETE)

4. The StickerPackView must contain the following fields: 
    - name: Author   type: STRING 
    - name: CreatedAt   type: DATE 
    - name: IsAnimated   type: BOOL 
    - name: Name   type: STRING 
An existing StickerPack entity should be loaded from the relative URL: 
    "/MediaFileService/stickerpack/{id}"   (HTTP-GET) 
If a new StickerPack entity has been created, the new entity should be posted to the relative URL: 
    "/MediaFileService/stickerpack"   (HTTP-POST) 
If an existing StickerPack entity has been updated, the modified entity should be sent to the relative URL: 
    "/MediaFileService/stickerpack/{id}"   (HTTP-PUT) 
If an existing StickerPack entity has to be deleted, the following relative URL should be called: 
    "/MediaFileService/stickerpack/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Sticker columns: 
    - column: StickerPack 
    - column: CreatedAt 
    - column: MediaFile 
    - column: EmojiHint 
The table should have the title "Stickers" und the data must be loaded from the server with the following relative URL: 
    "/MediaFileService/sticker/stickerpack/{id}"