Fix .insignificant class affecting other elements

Remove them because they were used in previous discarded design

src/app.css

@@ -121,16 +121,6 @@ a.mention span {
 .timeline.flat > li {
   border-bottom: none;
 }
-/* .timeline li.insignificant {
-  filter: opacity(0.5);
-  background-color: var(--bg-faded-color);
-}
-.timeline li.insignificant > * {
-  opacity: 0.75;
-}
-.timeline li.insignificant:hover > * {
-  opacity: 1;
-} */
 
 .timeline.contextual > li {
   --width: 3px;

src/pages/status.jsx

@@ -166,11 +166,9 @@ function StatusPage({ id }) {
               <li
                 key={statusID}
                 ref={isHero ? heroStatusRef : null}
-                class={`${isHero ? '' : 'insignificant'} ${
+                class={`${ancestor ? 'ancestor' : ''} ${
-                  ancestor ? 'ancestor' : ''
+                  descendant ? 'descendant' : ''
-                } ${descendant ? 'descendant' : ''} ${
+                } ${descendant && !directReply ? 'indirect' : ''}`}
-                  descendant && !directReply ? 'indirect' : ''
-                }`}
               >
                 {isHero ? (
                   <Status statusID={statusID} withinContext size="l" />