docs: add pr review suggestions part2 #12450

Author: IvanDanchev

components/chat/messages.md

@@ -25,7 +25,8 @@ First, set the `IsTypingField` parameter to specify which field in your data mod
              @ref="@ChatRef"
              AuthorId="@CurrentUserId"
              IsTypingField="@nameof(ChatMessage.IsTyping)"
-             OnSendMessage="@OnChatSendMessage">
+             OnSendMessage="@OnChatSendMessage"
+             TextField="@nameof(ChatMessage.Content)">
 </TelerikChat>
 
 @code {

components/chat/quick-actions.md

@@ -30,7 +30,8 @@ Use `Scroll` or `ScrollButtons` mode when you have many suggestions or longer te
 <TelerikChat Data="@ChatData"
              Suggestions="@QuickReplies"
              SuggestionsLayoutMode="@ChatSuggestionsLayoutMode.Scroll"
-             OnSuggestionClick="@HandleSuggestionClick">
+             OnSuggestionClick="@HandleSuggestionClick"
+             Width="70vw">
 </TelerikChat>
 
 @code {
@@ -71,7 +72,8 @@ The `SuggestedActionsLayoutMode` parameter controls how suggested actions (quick
 ````Razor
 <TelerikChat Data="@ChatData"
              SuggestedActionsLayoutMode="@ChatSuggestedActionsLayoutMode.ScrollButtons"
-             OnSendMessage="@HandleSendMessage">
+             OnSendMessage="@HandleSendMessage"
+             Width="80vw">
 </TelerikChat>
 
 @code {

components/chat/templates.md

@@ -194,7 +194,7 @@ This allows you to define context menu actions that can be performed on Chat mes
 
 >caption A complete example that integrates all templates into a Chat component
 
-````RAZOR.skip-repl
+````RAZOR
 <TelerikChat Data="@ChatData"
              @ref="@ChatRef"
              Width="600px"
@@ -322,7 +322,6 @@ This allows you to define context menu actions that can be performed on Chat mes
             Id = Guid.NewGuid().ToString(),
             AuthorName = authorId == "1" ? "John Smith" : "Jane Doe",
             AuthorId = authorId,
-            AuthorImageUrl = authorId == "1" ? FirstUserImage : SecondUserImage,
             Content = args.Message,
             MessageToReplyId = args.ReplyMessageId,
             Status = "Sent",
@@ -361,7 +360,6 @@ This allows you to define context menu actions that can be performed on Chat mes
                 Id = $"message{i}",
                 AuthorId = (i % 2 == 1) ? "1" : "2",
                 AuthorName = (i % 2 == 1) ? "John Smith" : "Jane Doe",
-                AuthorImageUrl = (i % 2 == 1) ? FirstUserImage : SecondUserImage,
                 Content = messageTexts[i - 1],
                 Status = "Seen",
                 Timestamp = new DateTime(2023, 10, 1, 12, 0, 0).AddMinutes(i * 5)