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. BlockView 
    2. EncryptionKeyBundleView 
    3. PhoneNumberView 
    4. UserAccountView 
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 BlockView must contain the following fields: 
    - name: BlockedE164Number   type: STRING 
    - name: BlockedUserAccount   type: LONG 
    - name: CreatedAt   type: DATE 
    - name: Reason   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 Block entity should be loaded from the relative URL: 
    "/UserAccountService/block/{id}"   (HTTP-GET) 
If a new Block entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/block"   (HTTP-POST) 
If an existing Block entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/block/{id}"   (HTTP-PUT) 
If an existing Block entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/block/{id}"   (HTTP-DELETE)

2. The EncryptionKeyBundleView must contain the following fields: 
    - name: BundleVersion   type: INT 
    - name: CreatedAt   type: DATE 
    - name: Device   type: Device 
    - name: IdentityKey   type: IdentityKey 
    - name: UserAccount   type: UserAccount 
The data source for the [IdentityKey] select control should be loaded from the relative URL: 
    "/CallDurationService/identitykey"   (HTTP-GET) 
The data source for the [Device] select control should be loaded from the relative URL: 
    "/MessageService/device"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing EncryptionKeyBundle entity should be loaded from the relative URL: 
    "/UserAccountService/encryptionkeybundle/{id}"   (HTTP-GET) 
If a new EncryptionKeyBundle entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/encryptionkeybundle"   (HTTP-POST) 
If an existing EncryptionKeyBundle entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/encryptionkeybundle/{id}"   (HTTP-PUT) 
If an existing EncryptionKeyBundle entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/encryptionkeybundle/{id}"   (HTTP-DELETE)

3. The PhoneNumberView must contain the following fields: 
    - name: CountryCode   type: STRING 
    - name: CreatedAt   type: DATE 
    - name: E164Number   type: STRING 
    - name: IsPrimary   type: BOOL 
    - name: IsVerified   type: BOOL 
    - name: UserAccount   type: UserAccount 
    - name: VerificationMethod   type: STRING 
    - name: VerifiedAt   type: DATE 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing PhoneNumber entity should be loaded from the relative URL: 
    "/UserAccountService/phonenumber/{id}"   (HTTP-GET) 
If a new PhoneNumber entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/phonenumber"   (HTTP-POST) 
If an existing PhoneNumber entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/phonenumber/{id}"   (HTTP-PUT) 
If an existing PhoneNumber entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/phonenumber/{id}"   (HTTP-DELETE)

4. The UserAccountView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: DisplayName   type: STRING 
    - name: IsBanned   type: BOOL 
    - name: IsRegistered   type: BOOL 
    - name: LastSeenAt   type: DATE 
    - name: PreferredLanguage   type: STRING 
    - name: ProfileAvatarUrl   type: STRING 
    - name: ProfileBiography   type: STRING 
    - name: RegionCode   type: STRING 
    - name: UpdatedAt   type: DATE 
    - name: Username   type: STRING 
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 Device columns: 
    - column: Platform 
    - column: Name 
    - column: UnlinkedAt 
    - column: IsActive 
    - column: PushToken 
    - column: UserAccount 
    - column: LinkedAt 
    - column: IsPrimary 
    - column: LastSeenAt 
The table should have the title "Devices" und the data must be loaded from the server with the following relative URL: 
    "/MessageService/device/useraccount/{id}" 
Add a HTML table to the view with the following Block columns: 
    - column: BlockedE164Number 
    - column: UserAccount 
    - column: Reason 
    - column: BlockedUserAccount 
    - column: CreatedAt 
The table should have the title "Blocks" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/block/useraccount/{id}" 
Add a HTML table to the view with the following EncryptionKeyBundle columns: 
    - column: IdentityKey 
    - column: CreatedAt 
    - column: Device 
    - column: UserAccount 
    - column: BundleVersion 
The table should have the title "EncryptionKeyBundles" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/encryptionkeybundle/useraccount/{id}" 
Add a HTML table to the view with the following GroupMember columns: 
    - column: Role 
    - column: GroupChat 
    - column: UserAccount 
    - column: JoinedAt 
    - column: IsBanned 
    - column: LeftAt 
The table should have the title "GroupMembers" und the data must be loaded from the server with the following relative URL: 
    "/StickerPackService/groupmember/useraccount/{id}" 
Add a HTML table to the view with the following PaymentAccount columns: 
    - column: KycStatus 
    - column: IsEnabled 
    - column: UserAccount 
    - column: UpdatedAt 
    - column: CurrencyCode 
    - column: CreatedAt 
    - column: WalletAddress 
The table should have the title "PaymentAccounts" und the data must be loaded from the server with the following relative URL: 
    "/PaymentAccountService/paymentaccount/useraccount/{id}" 
Add a HTML table to the view with the following IdentityKey columns: 
    - column: UserAccount 
    - column: CreatedAt 
    - column: PublicKey 
    - column: IsCurrent 
The table should have the title "IdentityKeys" und the data must be loaded from the server with the following relative URL: 
    "/CallDurationService/identitykey/useraccount/{id}" 
Add a HTML table to the view with the following Reaction columns: 
    - column: EmojiCode 
    - column: UserAccount 
    - column: Message 
    - column: CreatedAt 
The table should have the title "Reactions" und the data must be loaded from the server with the following relative URL: 
    "/SafetyNumberService/reaction/useraccount/{id}" 
Add a HTML table to the view with the following ServerLogEntry columns: 
    - column: EventType 
    - column: UserAccount 
    - column: Conversation 
    - column: LogLevel 
    - column: Device 
    - column: Message 
    - column: ServerNode 
    - column: CreatedAt 
The table should have the title "ServerLogEntrys" und the data must be loaded from the server with the following relative URL: 
    "/ServerNodeService/serverlogentry/useraccount/{id}" 
Add a HTML table to the view with the following SafetyNumber columns: 
    - column: UserAccountB 
    - column: SafetyNumberValue 
    - column: CreatedAt 
    - column: UserAccountA 
    - column: IsCurrent 
The table should have the title "SafetyNumbers" und the data must be loaded from the server with the following relative URL: 
    "/SafetyNumberService/safetynumber/useraccountb/{id}" 
Add a HTML table to the view with the following SafetyNumber columns: 
    - column: UserAccountB 
    - column: SafetyNumberValue 
    - column: CreatedAt 
    - column: UserAccountA 
    - column: IsCurrent 
The table should have the title "SafetyNumbers" und the data must be loaded from the server with the following relative URL: 
    "/SafetyNumberService/safetynumber/useraccounta/{id}" 
Add a HTML table to the view with the following UserSetting columns: 
    - column: UpdatedAt 
    - column: CreatedAt 
    - column: LastSeenSharing 
    - column: ReadReceiptsEnabled 
    - column: UserAccount 
    - column: DisappearingMessagesDefaultSeconds 
    - column: Theme 
    - column: TypingIndicatorsEnabled 
The table should have the title "UserSettings" und the data must be loaded from the server with the following relative URL: 
    "/ServerNodeService/usersetting/useraccount/{id}" 
Add a HTML table to the view with the following NotificationSetting columns: 
    - column: MutedUntil 
    - column: UserAccount 
    - column: UpdatedAt 
    - column: ShowPreview 
    - column: IsMuted 
    - column: CreatedAt 
    - column: CustomSound 
    - column: Conversation 
The table should have the title "NotificationSettings" und the data must be loaded from the server with the following relative URL: 
    "/ConversationService/notificationsetting/useraccount/{id}" 
Add a HTML table to the view with the following Conversation columns: 
    - column: UpdatedAt 
    - column: GroupChat 
    - column: UserAccountB 
    - column: UserAccountA 
    - column: CreatedAt 
    - column: Type 
The table should have the title "Conversations" und the data must be loaded from the server with the following relative URL: 
    "/ConversationService/conversation/useraccounta/{id}" 
Add a HTML table to the view with the following Conversation columns: 
    - column: UpdatedAt 
    - column: GroupChat 
    - column: UserAccountB 
    - column: UserAccountA 
    - column: CreatedAt 
    - column: Type 
The table should have the title "Conversations" und the data must be loaded from the server with the following relative URL: 
    "/ConversationService/conversation/useraccountb/{id}" 
Add a HTML table to the view with the following CallParticipant columns: 
    - column: UserAccount 
    - column: MediaStatus 
    - column: IsMuted 
    - column: IsVideoEnabled 
    - column: JoinedAt 
    - column: LeftAt 
    - column: CallDuration 
The table should have the title "CallParticipants" und the data must be loaded from the server with the following relative URL: 
    "/CallDurationService/callparticipant/useraccount/{id}" 
Add a HTML table to the view with the following PhoneNumber columns: 
    - column: IsVerified 
    - column: CountryCode 
    - column: VerifiedAt 
    - column: CreatedAt 
    - column: UserAccount 
    - column: VerificationMethod 
    - column: IsPrimary 
    - column: E164Number 
The table should have the title "PhoneNumbers" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/phonenumber/useraccount/{id}"