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

app/javascript/styles/mastodon/components.scss

@@ -1156,7 +1156,7 @@ body > [data-popper-placement] {
     .audio-player,
     .attachment-list,
     .status-card {
-      margin-left: 46px + 10px;
+      margin-inline-start: 46px + 10px;
       width: calc(100% - (46px + 10px));
     }
   }
@@ -6522,7 +6522,6 @@ a.status-card.compact:hover {
   background: darken($ui-base-color, 8%);
   border-radius: 4px;
   padding-bottom: 44px;
-  direction: ltr;
 
   &.editable {
     border-radius: 0;
@@ -6589,7 +6588,6 @@ a.status-card.compact:hover {
   max-width: 100%;
   border-radius: 4px;
   box-sizing: border-box;
-  direction: ltr;
   color: $white;
 
   &.editable {
@@ -6633,6 +6631,7 @@ a.status-card.compact:hover {
 
   &__controls {
     position: absolute;
+    direction: ltr;
     z-index: 2;
     bottom: 0;
     inset-inline-start: 0;