Fix mfm-position and mfm-scale

The `span`'s needed an inline-block for the transform to wrok
I also added an `overflow: hidden;` because these functions can make the text go beyond the borders of the StatusBody
With `overflow: hidden;`, it won't show outside of the borders

src/components/status_body/status_body.scss

@@ -3,6 +3,7 @@
 .StatusBody {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 
   .translation {
     border: 1px solid var(--accent, $fallback--link);

src/components/status_content/mfm.scss

@@ -125,10 +125,12 @@
   }
 
   .mfm-position {
+    display: inline-block;
     transform: translate(calc(var(--mfm-x, 0) * 1em), calc(var(--mfm-y, 0) * 1em));
   }
 
   .mfm-scale {
+    display: inline-block;
     transform: scale(var(--mfm-x, 1), var(--mfm-y, 1));
   }