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. ChannelFollowerView 
    2. UserAccountView 
    3. UserAvatarView 
    4. UserFeatureFlagView 
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 ChannelFollowerView must contain the following fields: 
    - name: BroadcastChannel   type: BroadcastChannel 
    - name: FollowedAt   type: DATE 
    - name: IsMuted   type: BOOL 
    - name: UserAccount   type: UserAccount 
The data source for the [BroadcastChannel] select control should be loaded from the relative URL: 
    "/ChatService/broadcastchannel"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing ChannelFollower entity should be loaded from the relative URL: 
    "/UserAccountService/channelfollower/{id}"   (HTTP-GET) 
If a new ChannelFollower entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/channelfollower"   (HTTP-POST) 
If an existing ChannelFollower entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/channelfollower/{id}"   (HTTP-PUT) 
If an existing ChannelFollower entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/channelfollower/{id}"   (HTTP-DELETE)

2. The UserAccountView must contain the following fields: 
    - name: AboutText   type: STRING 
    - name: Country   type: STRING 
    - name: CreatedAt   type: DATE 
    - name: DeactivatedAt   type: DATE 
    - name: DefaultLanguage   type: STRING 
    - name: DisplayName   type: STRING 
    - name: IsBusiness   type: BOOL 
    - name: IsVerified   type: BOOL 
    - name: PhoneNumber   type: STRING 
    - name: Timezone   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 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/reporteruseraccount/{id}" 
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/reporteduseraccount/{id}" 
Add a HTML table to the view with the following ChatParticipant columns: 
    - column: IsPinned 
    - column: CustomNotificationLevel 
    - column: Chat 
    - column: UserAccount 
    - column: Role 
    - column: JoinedAt 
    - column: IsMuted 
The table should have the title "ChatParticipants" und the data must be loaded from the server with the following relative URL: 
    "/ChatService/chatparticipant/useraccount/{id}" 
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/useraccount/{id}" 
Add a HTML table to the view with the following ChannelFollower columns: 
    - column: FollowedAt 
    - column: IsMuted 
    - column: BroadcastChannel 
    - column: UserAccount 
The table should have the title "ChannelFollowers" und the data must be loaded from the server with the following relative URL: 
    "/UserAccountService/channelfollower/useraccount/{id}" 
Add a HTML table to the view with the following CommunitySpace columns: 
    - column: Description 
    - column: Name 
    - column: CreatedAt 
    - column: OwnerUserAccount 
The table should have the title "CommunitySpaces" und the data must be loaded from the server with the following relative URL: 
    "/CommunitySpaceService/communityspace/owneruseraccount/{id}" 
Add a HTML table to the view with the following EncryptionKey columns: 
    - column: RevokedAt 
    - column: UserAccount 
    - column: UserDevice 
    - column: KeyType 
    - column: PublicKey 
    - column: CreatedAt 
The table should have the title "EncryptionKeys" und the data must be loaded from the server with the following relative URL: 
    "/UserDeviceService/encryptionkey/useraccount/{id}" 
Add a HTML table to the view with the following UserRegion columns: 
    - column: EffectiveFrom 
    - column: EffectiveTo 
    - column: RegulatoryRegion 
    - column: UserAccount 
The table should have the title "UserRegions" und the data must be loaded from the server with the following relative URL: 
    "/RegulatoryRegionService/userregion/useraccount/{id}" 
Add a HTML table to the view with the following BusinessProfile columns: 
    - column: IsVerified 
    - column: UsesCloudApi 
    - column: UserAccount 
    - column: SupportPhone 
    - column: SupportEmail 
    - column: WebsiteUrl 
    - column: Category 
    - column: BusinessName 
    - column: CreatedAt 
The table should have the title "BusinessProfiles" und the data must be loaded from the server with the following relative URL: 
    "/RegulatoryRegionService/businessprofile/useraccount/{id}" 
Add a HTML table to the view with the following ChatMessage columns: 
    - column: SentAt 
    - column: ReplyToChatMessage 
    - column: IsViewOnce 
    - column: TextContent 
    - column: MessageType 
    - column: IsDeletedForEveryone 
    - column: Chat 
    - column: IsDeletedForSender 
    - column: IsEdited 
    - column: DeliveredAt 
    - column: SenderUserAccount 
    - column: ReadAt 
    - column: EditedAt 
The table should have the title "ChatMessages" und the data must be loaded from the server with the following relative URL: 
    "/ChatMessageService/chatmessage/senderuseraccount/{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/useraccount/{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/useraccount/{id}" 
Add a HTML table to the view with the following CallParticipant columns: 
    - column: LeftAt 
    - column: UserAccount 
    - column: JoinedAt 
    - column: VoiceCall 
    - column: ConnectionQuality 
The table should have the title "CallParticipants" und the data must be loaded from the server with the following relative URL: 
    "/VoiceCallService/callparticipant/useraccount/{id}" 
Add a HTML table to the view with the following BroadcastChannel columns: 
    - column: OwnerUserAccount 
    - column: IsEndToEndEncrypted 
    - column: CreatedAt 
    - column: Description 
    - column: IsOfficial 
    - column: Name 
    - column: Chat 
The table should have the title "BroadcastChannels" und the data must be loaded from the server with the following relative URL: 
    "/ChatService/broadcastchannel/owneruseraccount/{id}" 
Add a HTML table to the view with the following UserDevice columns: 
    - column: CreatedAt 
    - column: AppVersion 
    - column: IsPrimary 
    - column: DeviceModel 
    - column: OsVersion 
    - column: UserAccount 
    - column: LastSeenAt 
    - column: PlatformSupport 
The table should have the title "UserDevices" und the data must be loaded from the server with the following relative URL: 
    "/UserDeviceService/userdevice/useraccount/{id}" 
Add a HTML table to the view with the following VoiceCall columns: 
    - column: StartedAt 
    - column: CallType 
    - column: InitiatorUserAccount 
    - column: MaxParticipants 
    - column: IsGroupCall 
    - column: Chat 
    - column: IsRecorded 
    - column: EndedAt 
    - column: Codec 
The table should have the title "VoiceCalls" und the data must be loaded from the server with the following relative URL: 
    "/VoiceCallService/voicecall/initiatoruseraccount/{id}" 
Add a HTML table to the view with the following Chat columns: 
    - column: IsCommunity 
    - column: CreatedByUserAccount 
    - column: CreatedAt 
    - column: IsGroup 
    - column: Title 
    - column: IsChannel 
The table should have the title "Chats" und the data must be loaded from the server with the following relative URL: 
    "/ChatService/chat/createdbyuseraccount/{id}" 
Add a HTML table to the view with the following LoginSession columns: 
    - column: UserDevice 
    - column: UserAccount 
    - column: LoggedInAt 
    - column: IpAddress 
    - column: LoginMethod 
    - column: LoggedOutAt 
    - column: IsActive 
The table should have the title "LoginSessions" und the data must be loaded from the server with the following relative URL: 
    "/VoiceCallService/loginsession/useraccount/{id}" 
Add a HTML table to the view with the following BlockedUser columns: 
    - column: CreatedAt 
    - column: UserAccount 
    - column: BlockedUserAccount 
The table should have the title "BlockedUsers" und the data must be loaded from the server with the following relative URL: 
    "/CommunitySpaceService/blockeduser/useraccount/{id}" 
Add a HTML table to the view with the following BlockedUser columns: 
    - column: CreatedAt 
    - column: UserAccount 
    - column: BlockedUserAccount 
The table should have the title "BlockedUsers" und the data must be loaded from the server with the following relative URL: 
    "/CommunitySpaceService/blockeduser/blockeduseraccount/{id}" 
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/useraccount/{id}" 
Add a HTML table to the view with the following SecuritySetting columns: 
    - column: LastUpdatedAt 
    - column: SecretCodeEnabled 
    - column: PasskeyEnabled 
    - column: UserAccount 
    - column: TwoStepEmail 
    - column: FingerprintLockEnabled 
    - column: IsTwoStepVerificationEnabled 
The table should have the title "SecuritySettings" und the data must be loaded from the server with the following relative URL: 
    "/CommunitySpaceService/securitysetting/useraccount/{id}"

3. The UserAvatarView must contain the following fields: 
    - name: CreatedAt   type: DATE 
    - name: RenderedMediaFile   type: MediaFile 
    - name: StyleJson   type: STRING 
    - name: UpdatedAt   type: DATE 
    - name: UserAccount   type: UserAccount 
The data source for the [RenderedMediaFile] 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 UserAvatar entity should be loaded from the relative URL: 
    "/UserAccountService/useravatar/{id}"   (HTTP-GET) 
If a new UserAvatar entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/useravatar"   (HTTP-POST) 
If an existing UserAvatar entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/useravatar/{id}"   (HTTP-PUT) 
If an existing UserAvatar entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/useravatar/{id}"   (HTTP-DELETE)

4. The UserFeatureFlagView must contain the following fields: 
    - name: EnabledAt   type: DATE 
    - name: FeatureFlag   type: FeatureFlag 
    - name: IsEnabled   type: BOOL 
    - name: UserAccount   type: UserAccount 
The data source for the [FeatureFlag] select control should be loaded from the relative URL: 
    "/RegulatoryRegionService/featureflag"   (HTTP-GET) 
The data source for the [UserAccount] select control should be loaded from the relative URL: 
    "/UserAccountService/useraccount"   (HTTP-GET) 
An existing UserFeatureFlag entity should be loaded from the relative URL: 
    "/UserAccountService/userfeatureflag/{id}"   (HTTP-GET) 
If a new UserFeatureFlag entity has been created, the new entity should be posted to the relative URL: 
    "/UserAccountService/userfeatureflag"   (HTTP-POST) 
If an existing UserFeatureFlag entity has been updated, the modified entity should be sent to the relative URL: 
    "/UserAccountService/userfeatureflag/{id}"   (HTTP-PUT) 
If an existing UserFeatureFlag entity has to be deleted, the following relative URL should be called: 
    "/UserAccountService/userfeatureflag/{id}"   (HTTP-DELETE)