Fix textarea styles leaked to other textareas

src/components/compose.css

@@ -136,6 +136,7 @@
   line-height: 1.4;
   border-color: transparent;
 
+  &.compose-field {
     @media (width < 30em) {
       margin-inline: calc(-1 * var(--form-padding-inline));
       width: 100vw !important;
@@ -147,6 +148,7 @@
     @media (min-width: 40em) {
       max-height: 65vh;
     }
+  }
 }
 #compose-container textarea:hover {
   border-color: var(--divider-color);

src/components/compose.jsx

@@ -1417,6 +1417,7 @@ const Textarea = forwardRef((props, ref) => {
   return (
     <text-expander ref={textExpanderRef} keys="@ # :">
       <textarea
+        class="compose-field"
         autoCapitalize="sentences"
         autoComplete="on"
         autoCorrect="on"