fix: hide invisible content consistently (#2254)

Some other parts of the interface for example URLs in profiles
use the invisible class, move this to the top level global file
so it'll be applied everywhere.

src/routes/_components/status/StatusContent.html

@@ -67,16 +67,6 @@
     color: var(--very-deemphasized-link-color);
   }
 
-  :global(.status-content .invisible) {
-    /* copied from Mastodon */
-    font-size: 0;
-    line-height: 0;
-    display: inline-block;
-    width: 0;
-    height: 0;
-    position: absolute;
-  }
-
   :global(.underline-links .status-content a) {
     text-decoration: underline;
   }

src/scss/global.scss

@@ -207,3 +207,13 @@ textarea {
 .inline-emoji {
   font-family: CountryFlagEmojiPolyfill, PinaforeEmoji, sans-serif;
 }
+
+.invisible {
+  /* copied from Mastodon */
+  font-size: 0;
+  line-height: 0;
+  display: inline-block;
+  width: 0;
+  height: 0;
+  position: absolute;
+}