Attachment Modal: Fix invalid input width on non-english langs (#2932)

src/components/middle/composer/AttachmentModal.module.scss

@@ -198,7 +198,6 @@
   align-self: flex-end;
   position: relative;
   padding-bottom: 0.5rem;
-  margin-right: 0.375rem;
 }
 
 .send {

src/components/middle/composer/AttachmentModal.tsx

@@ -90,6 +90,7 @@ type StateProps = {
   attachmentSettings: GlobalState['attachmentSettings'];
 };
 
+const ATTACHMENT_MODAL_INPUT_ID = 'caption-input-text';
 const DROP_LEAVE_TIMEOUT_MS = 150;
 const MAX_LEFT_CHARS_TO_SHOW = 100;
 
@@ -352,6 +353,16 @@ const AttachmentModal: FC<OwnProps & StateProps> = ({
     }));
   }, [attachments, onAttachmentsUpdate]);
 
+  useEffect(() => {
+    const mainButton = mainButtonRef.current;
+    const input = document.getElementById(ATTACHMENT_MODAL_INPUT_ID);
+
+    if (!mainButton || !input) return;
+
+    const { width } = mainButton.getBoundingClientRect();
+    input.style.setProperty('--margin-for-scrollbar', `${width}px`);
+  }, [lang, isOpen]);
+
   const MoreMenuButton: FC<{ onTrigger: () => void; isOpen?: boolean }> = useMemo(() => {
     return ({ onTrigger, isOpen: isMenuOpen }) => (
       <Button
@@ -568,7 +579,7 @@ const AttachmentModal: FC<OwnProps & StateProps> = ({
             />
             <MessageInput
               ref={inputRef}
-              id="caption-input-text"
+              id={ATTACHMENT_MODAL_INPUT_ID}
               chatId={chatId}
               threadId={threadId}
               isAttachmentModalInput

src/components/middle/composer/Composer.scss

@@ -627,11 +627,12 @@
 }
 
 #caption-input-text {
+  --margin-for-scrollbar: 5rem;
   .input-scroller {
     min-height: 3.5rem;
     max-height: 10rem;
 
-    margin-right: -5.625rem;
+    margin-right: calc((var(--margin-for-scrollbar) + 1rem) * -1);
 
     &:has(.form-control:focus) {
       border-color: var(--color-primary);
@@ -639,7 +640,7 @@
   }
 
   .input-scroller-content {
-    margin-right: 5rem;
+    margin-right: calc(var(--margin-for-scrollbar) + 0.5rem);
   }
 
   .placeholder-text {