MDL-63674 core_messaging: Bidi text support

message/templates/message_drawer_view_conversation_body_message.mustache

@@ -66,5 +66,5 @@
         <span class="hidden ml-2 small text-dark" data-region="not-selected-icon">{{#pix}} i/uncheckedcircle, core {{/pix}}</span>
         <span class="hidden ml-2 small text-primary" data-region="selected-icon">{{#pix}} i/checkedcircle, core {{/pix}}</span>
     </div>
-    <div>{{{text}}}</div>
+    <div dir="auto" align="initial">{{{text}}}</div>
 </div>

message/templates/message_drawer_view_conversation_footer_content.mustache

@@ -37,6 +37,7 @@
 
 <div class="d-flex mt-1">
     <textarea
+        dir="auto"
         data-region="send-message-txt"
         class="form-control bg-light"
         rows="3"

theme/boost/scss/moodle/message.scss

@@ -1231,6 +1231,10 @@ $message-drawer-width: 320px;
     .footer-container {
         flex-shrink: 0;
         overflow-x: hidden;
+
+        textarea {
+            direction: ltr;
+        }
     }
 
     .matchtext {

theme/boost/style/moodle.css

@@ -14118,6 +14118,8 @@ a.ygtvspacer:hover {
   .message-drawer .footer-container {
     flex-shrink: 0;
     overflow-x: hidden; }
+    .message-drawer .footer-container textarea {
+      direction: ltr; }
   .message-drawer .matchtext {
     background-color: #b5d9f9;
     color: #373a3c;

theme/bootstrapbase/less/moodle/message.less

@@ -1242,6 +1242,10 @@
     .footer-container {
         flex-shrink: 0;
         overflow-x: hidden;
+
+        textarea {
+            direction: ltr;
+        }
     }
 
     .matchtext {

theme/bootstrapbase/style/moodle.css

@@ -9162,6 +9162,9 @@ a.ygtvspacer:hover {
   flex-shrink: 0;
   overflow-x: hidden;
 }
+.message-drawer .footer-container textarea {
+  direction: ltr;
+}
 .message-drawer .matchtext {
   background-color: #ade6fe;
   color: #333;

theme/bootstrapbase/templates/core_message/message_drawer_view_conversation_body_message.mustache

@@ -70,5 +70,5 @@
         <span class="hidden ml-2 small text-primary" data-region="not-selected-icon">{{#pix}} i/uncheckedcircle, core {{/pix}}</span>
         <span class="hidden ml-2 small text-primary" data-region="selected-icon">{{#pix}} i/checkedcircle, core {{/pix}}</span>
     </div>
-    <div>{{{text}}}</div>
+    <div dir="auto" align="initial">{{{text}}}</div>
 </div>

theme/bootstrapbase/templates/core_message/message_drawer_view_conversation_footer_content.mustache

@@ -40,6 +40,7 @@
 
 <div class="d-flex mt-1">
     <textarea
+        dir="auto"
         data-region="send-message-txt"
         class="form-control bg-light m-0 flex-grow"
         rows="3"