feat(chat): remove timebreak, add header text and background

Author: teodosiah

src/components/chat/chat-message-list.ts

@@ -113,7 +113,6 @@ export default class IgcChatMessageListComponent extends LitElement {
             groupedMessages,
             (group) => group.date,
             (group) => html`
-              <div class="day-separator">${group.date}</div>
               ${repeat(
                 group.messages,
                 (message) => message.id,

src/components/chat/themes/chat.base.scss

@@ -22,6 +22,7 @@
     align-items: center;
     justify-content: space-between;
     padding: 10px;
+    background-color: #edeff0;
   }
 
   .info {

stories/chat.stories.ts

@@ -42,7 +42,7 @@ const metadata: Meta<IgcChatComponent> = {
     hideUserName: false,
     disableAutoScroll: false,
     disableAttachments: false,
-    headerText: '',
+    headerText: 'AI Chat',
   },
 };