[Glitch] Implement quote posts in Moderator UI

Port 210b3896439c3ec741be477bfc4054ef3705a76e to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

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

@@ -1976,15 +1976,33 @@ a.sparkline {
   box-sizing: border-box;
   min-height: 100%;
 
+  &.status--has-quote {
+    .quote-inline {
+      display: none;
+    }
+  }
+
+  .status__quote & {
+    // Remove the border from the .status__card within .status__quote
+    border: none;
+
+    .display-name__account {
+      line-height: inherit;
+    }
+
+    .status__avatar,
+    .status__avatar .account__avatar {
+      width: 32px;
+      height: 32px;
+    }
+  }
+
   .status__prepend {
     padding: 0 0 15px;
     gap: 4px;
     align-items: center;
   }
 
-  .status__content {
-    padding-top: 0;
-
   > details {
     summary {
       display: block;
@@ -2030,7 +2048,6 @@ a.sparkline {
       }
     }
   }
-  }
 
   .preview-card {
     position: relative;
@@ -2086,6 +2103,14 @@ a.sparkline {
       }
     }
   }
+
+  .detailed-status__meta {
+    .detailed-status__application,
+    .detailed-status__datetime,
+    .detailed-status__link {
+      color: inherit;
+    }
+  }
 }
 
 .admin {

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

@@ -356,7 +356,7 @@ a.table-action-link {
 
   // Reset the status card to not have borders, background or padding when
   // inline in the table of statuses
-  .status__card {
+  .batch-table__row__content > .status__card {
     border: none;
     background: none;
     padding: 0;