Fix some annoyances with chat.

src/components/ChatInterface.vue

@@ -5,6 +5,18 @@
       class="col"
       style="flex-grow: 1; overflow-x: visible; overflow-y: auto;"
     >
+      <div class="q-mb-sm q-mx-md">
+        <q-chat-message
+          name="ASSISTANT"
+          bg-color="grey-4"
+          text-color="black"
+        >
+          <div class="message-content">
+            <p>Hi there, I'm StyleAI!<br>How can I help today?</p>
+          </div>
+        </q-chat-message>
+      </div>
+
       <div
         v-for="(message, index) in messages"
         :key="index"