feat: enhance message handling and UI improvements across components

app/components/MessageComposer.vue

@@ -64,7 +64,7 @@ const removeFile = (idx: number) => {
 
         <button
           type="button"
-          class="btn btn-outline-secondary btn-icon composer-attach"
+          class="btn btn-outline-primary btn-icon composer-attach"
           title="Allega file"
           @click="fileInputRef?.click()"
           :disabled="isSubmitting || files.length >= 5"
@@ -113,9 +113,9 @@ const removeFile = (idx: number) => {
 
 .message-file-chip {
   align-items: center;
-  background: #f2f7fc;
+  background: #fff;
   border: 1px solid #d9e3ee;
-  border-radius: 999px;
+  border-radius: 4px;
   display: inline-flex;
   gap: 0.5rem;
   max-width: 100%;
@@ -130,7 +130,7 @@ const removeFile = (idx: number) => {
   align-items: flex-end;
   background: #fff;
   border: 1px solid #c5d0db;
-  border-radius: 8px;
+  border-radius: 4px;
   display: grid;
   gap: 0.75rem;
   grid-template-columns: auto minmax(0, 1fr) auto;
@@ -149,7 +149,7 @@ const removeFile = (idx: number) => {
 .composer-textarea {
   border: 0;
   box-shadow: none;
-  min-height: 3rem;
+  min-height: 4rem;
   padding: 0;
   resize: vertical;
 }