fix(MessageComposer): make textarea full-width in custom composer layouts

Scope the .str-chat__textarea sizing rules to the TextareaComposer's own
elements instead of the .str-chat__message-composer-controls wrapper, so a
custom composer that renders <TextareaComposer> without the default
MessageComposerUI still gets a full-width textarea rather than the bare
<textarea> falling back to its intrinsic cols width (~160px).

Author: oliverlaz

src/components/MessageComposer/styling/MessageComposer.scss

@@ -191,27 +191,6 @@
           ease-out;
     }
 
-    .str-chat__textarea {
-      flex: 1;
-      min-width: 0;
-      position: relative;
-      display: flex;
-      align-items: center;
-      width: 100%;
-
-      textarea {
-        background: transparent;
-        color: var(--str-chat__input-text-default);
-        font: var(--str-chat__font-body-default);
-        resize: none;
-        border: none;
-        box-shadow: none;
-        outline: none;
-        width: 100%;
-        scrollbar-width: none;
-      }
-    }
-
     .str-chat__emoji-picker-button {
       display: flex;
       cursor: pointer;
@@ -265,6 +244,32 @@
     }
   }
 
+  // Scoped to the TextareaComposer's own elements (not the composer-controls
+  // wrapper) so the textarea fills its container in any composer layout — e.g.
+  // a custom composer that renders <TextareaComposer> without the default
+  // MessageComposerUI. Without this the bare <textarea> falls back to its
+  // intrinsic `cols` width (~160px).
+  .str-chat__textarea {
+    flex: 1;
+    min-width: 0;
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    textarea {
+      background: transparent;
+      color: var(--str-chat__input-text-default);
+      font: var(--str-chat__font-body-default);
+      resize: none;
+      border: none;
+      box-shadow: none;
+      outline: none;
+      width: 100%;
+      scrollbar-width: none;
+    }
+  }
+
   .str-chat__message-composer--command-active
     .str-chat__message-composer__additional-actions {
     max-width: 0;