- Layout improvements for the Chat client

eveai_chat_client/static/assets/vue-components/MessageHistory.vue

@@ -42,7 +42,7 @@
                 :is-submitting-form="isSubmittingForm"
                 :api-prefix="apiPrefix"
                 :is-latest-ai-message="isLatestAiMessage(stickyAiMessage)"
-                @image-loaded="handleImageLoaded"
+                :is-in-sticky-area="true"                @image-loaded="handleImageLoaded"
                 @specialist-complete="$emit('specialist-complete', $event)"
                 @specialist-error="$emit('specialist-error', $event)"
             ></chat-message>
@@ -296,7 +296,8 @@ export default {
     flex-shrink: 0;
     max-height: 30%; /* Takes max 30% of available space */
     border-top: 1px solid #e0e0e0;
-    background-color: #f8f9fa;
+    background-color: var(--active-background-color);
+    color: var(--active-text-color);
     padding: 10px;
     overflow-y: auto;
     box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);