Fix app.component.html with prettier

Author: Ruslan Farkhutdinov

apps/demos/Demos/Chat/MessageStreaming/Angular/app/app.component.html

@@ -1,5 +1,5 @@
 <div class="demo-container">
-    <dx-chat
+  <dx-chat
     [dataSource]="dataSource"
     [reloadOnChange]="false"
     [showAvatar]="false"
@@ -13,29 +13,35 @@
     (onMessageEntered)="onMessageEntered($event)"
     messageTemplate="messageTemplate"
     emptyViewTemplate="emptyViewTemplate"
-    >
+  >
     <div *dxTemplate="let data of 'messageTemplate'">
-        <div
+      <div
         class="chat-messagebubble-text"
         [innerHTML]="convertToHtml(data.message)"
-        ></div>
+      ></div>
     </div>
 
     <div *dxTemplate="let data of 'emptyViewTemplate'">
-        <div class="dx-chat-messagelist-empty-message">{{ data.texts.message }}</div>
-        <div class="dx-chat-messagelist-empty-prompt">{{ data.texts.prompt }}</div>
-        <div class="chat-suggestion-cards">
+      <div class="dx-chat-messagelist-empty-message">{{
+        data.texts.message
+      }}</div>
+      <div class="dx-chat-messagelist-empty-prompt">{{
+        data.texts.prompt
+      }}</div>
+      <div class="chat-suggestion-cards">
         @for (card of suggestionCards; track card.title) {
-            <button
+          <button
             type="button"
             class="chat-suggestion-card"
             (click)="onSuggestionClick(card.prompt)"
-            >
+          >
             <div class="chat-suggestion-card-title">{{ card.title }}</div>
-            <div class="chat-suggestion-card-prompt">{{ card.description }}</div>
-            </button>
+            <div class="chat-suggestion-card-prompt">{{
+              card.description
+            }}</div>
+          </button>
         }
-        </div>
+      </div>
     </div>
-    </dx-chat>
+  </dx-chat>
 </div>