Replace glitch-soc's collapsed toots with upstream's “Read more” (#2916)

* Remove glitch-soc's post collapse feature

* Get rid of the infamous `parseClick`

* Remove unused CSS

* Use upstream's “Read More” implementation

* Update translation strings

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

@@ -1349,6 +1349,11 @@ body > [data-popper-placement] {
   }
 }
 
+.status__content.status__content--collapsed .status__content__text {
+  max-height: 20px * 15; // 15 lines is roughly above 500 characters
+  overflow: hidden;
+}
+
 .status__content__read-more-button,
 .status__content__translate-button {
   display: flex;
@@ -1553,46 +1558,6 @@ body > [data-popper-placement] {
   }
 }
 
-.status__wrapper.collapsed {
-  .status {
-    background-position: center;
-    background-size: cover;
-    user-select: none;
-    min-height: 0;
-  }
-
-  .display-name:hover .display-name__html {
-    text-decoration: none;
-  }
-
-  .status__content {
-    height: 20px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    padding-top: 0;
-    mask-image: linear-gradient(rgb(0 0 0 / 100%), transparent);
-
-    a:hover {
-      text-decoration: none;
-    }
-  }
-
-  .notification__message {
-    margin-bottom: 0;
-    white-space: nowrap;
-  }
-}
-
-.notification__message-collapse-button {
-  text-align: end;
-  flex-grow: 2;
-
-  .status__collapse-button .icon {
-    width: 24px;
-    height: 24px;
-  }
-}
-
 .status__relative-time {
   display: block;
   font-size: 14px;
@@ -1661,73 +1626,6 @@ body > [data-popper-placement] {
   }
 }
 
-.status__collapse-button {
-  // compensate for large padding built into the icon
-  margin: -4px;
-}
-
-.status__collapse-button.active > .icon {
-  transform: rotate(-180deg);
-}
-
-.no-reduce-motion .status__collapse-button {
-  &.activate {
-    & > .icon {
-      animation: spring-flip-in 1s linear;
-    }
-  }
-
-  &.deactivate {
-    & > .icon {
-      animation: spring-flip-out 1s linear;
-    }
-  }
-}
-
-@keyframes spring-flip-in {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  30% {
-    transform: rotate(-242.4deg);
-  }
-
-  60% {
-    transform: rotate(-158.35deg);
-  }
-
-  90% {
-    transform: rotate(-187.5deg);
-  }
-
-  100% {
-    transform: rotate(-180deg);
-  }
-}
-
-@keyframes spring-flip-out {
-  0% {
-    transform: rotate(-180deg);
-  }
-
-  30% {
-    transform: rotate(62.4deg);
-  }
-
-  60% {
-    transform: rotate(-21.635deg);
-  }
-
-  90% {
-    transform: rotate(7.5deg);
-  }
-
-  100% {
-    transform: rotate(0deg);
-  }
-}
-
 .status-check-box__status {
   display: block;
   box-sizing: border-box;

app/javascript/flavours/glitch/styles/glitch_local_settings.scss

@@ -121,10 +121,6 @@
       text-decoration: none;
     }
   }
-
-  #mastodon-settings--collapsed-auto-height {
-    width: calc(4ch + 20px);
-  }
 }
 
 .glitch.local-settings__page__item.string,