upd: remove collapsed mentions

Glitchy/Broken CSS - Won't get any fixes by free so it is best to just undo the change

Closes #279
Closes #278

packages/frontend/src/components/MkMention.vue

@@ -57,48 +57,6 @@ const avatarUrl = computed(() => defaultStore.state.disableShowingAnimatedImages
 	}
 }
 
-.root + .root {
-  position: relative;
-  margin-inline: -20px 0;
-  box-shadow: -4px 0 0 var(--panel), -15px 0 15px var(--panel);
-  overflow: clip;
-  isolation: isolate;
-
-  &::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: var(--panel);
-    z-index: -1;
-  }
-
-  &::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: var(--panel);
-    z-index: -1;
-    background: inherit;
-  }
-
-  span {
-    display: inline-block;
-    white-space: nowrap;
-    max-width: 3em;
-    mask: linear-gradient(to right, #000 20%, rgba(0, 0, 0, 0.4));
-  }
-
-  + .root {
-    margin-inline: -10px 0;
-    padding-inline-end: 0;
-    box-shadow: -4px 0 0 var(--panel);
-
-    span {
-      display: none;
-    }
-  }
-}
-
 .icon {
 	width: 1.5em;
 	height: 1.5em;

packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.ts

@@ -88,13 +88,7 @@ export default function(props: MfmProps, context: SetupContext<MfmEvents>) {
 						res.push(t);
 					}
 					res.shift();
-
-					// Don't wrap whitespaces in a span
-					if (text === ' ') {
-						return res;
-					}
-
-					return h('span', res);
+					return res;
 				} else {
 					return [text.replace(/\n/g, ' ')];
 				}