fix: Removed inline styles from chat component

Author: rkaraivanov

projects/igniteui-angular/chat/src/chat.component.ts

@@ -102,12 +102,7 @@ export type IgxChatOptions = Omit<IgcChatOptions, 'renderers'>;
     standalone: true,
     changeDetection: ChangeDetectionStrategy.OnPush,
     schemas: [CUSTOM_ELEMENTS_SCHEMA],
-    templateUrl: './chat.component.html',
-    styles: `
-        igc-chat {
-            --igc-chat-height: calc(100vh - 32px);
-        }
-    `
+    templateUrl: './chat.component.html'
 })
 export class IgxChatComponent implements OnInit, OnDestroy {
     //#region Internal state

src/app/chat/chat.sample.scss

@@ -1,20 +1,4 @@
-.cards-wrapper {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(340px, 1fr));
-    justify-items: center;
-    padding-block-start: 2rem;
-    gap: 1rem;
-}
-
-#igniteui-demo-app .sample-title {
-    margin-bottom: 0;
-    justify-self: center;
-}
-
 #igniteui-demo-app .sample-wrapper {
-    height: auto;
+    padding: 0;
 }
 
-#igniteui-demo-app .content {
-    padding-bottom: 1rem;
-}