[Glitch] Fix thread lines in right-to-left locales (#24714)

Port 4e7a3a2faf to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/styles/components/media.scss

@@ -381,7 +381,6 @@
   background: darken($ui-base-color, 8%);
   border-radius: 4px;
   padding-bottom: 44px;
-  direction: ltr;
 
   &.editable {
     border-radius: 0;
@@ -448,7 +447,6 @@
   max-width: 100%;
   border-radius: 4px;
   box-sizing: border-box;
-  direction: ltr;
   color: $white;
 
   &.editable {
@@ -500,6 +498,7 @@
 
   &__controls {
     position: absolute;
+    direction: ltr;
     z-index: 2;
     bottom: 0;
     inset-inline-start: 0;

app/javascript/flavours/glitch/styles/components/status.scss

@@ -1037,7 +1037,7 @@ a.status-card.compact:hover {
 
     .status__content,
     .status__action-bar {
-      margin-left: 46px + 10px;
+      margin-inline-start: 46px + 10px;
       width: calc(100% - (46px + 10px));
     }
   }