Summary timeline (#10569)

* implement summary timeline

* implement summary timeline

* merge dev

* conditionally attach listeners only when dragging

* set up listeners with a ref

web/src/components/timeline/EventSegment.tsx

@@ -68,12 +68,7 @@ export function EventSegment({
     [getReviewed, segmentTime],
   );
 
-  const {
-    roundTopPrimary,
-    roundBottomPrimary,
-    roundTopSecondary,
-    roundBottomSecondary,
-  } = useMemo(
+  const { roundTopPrimary, roundBottomPrimary } = useMemo(
     () => shouldShowRoundedCorners(segmentTime),
     [shouldShowRoundedCorners, segmentTime],
   );
@@ -253,20 +248,6 @@ export function EventSegment({
               </div>
             </HoverCard>
           )}
-
-          {severityValue !== displaySeverityType && (
-            <div className="absolute right-0 h-2 z-10">
-              <div
-                key={`${segmentKey}_${index}_secondary_data`}
-                className={`
-                  w-1 h-2 bg-gradient-to-r
-                  ${roundBottomSecondary ? "rounded-bl-full rounded-br-full" : ""}
-                  ${roundTopSecondary ? "rounded-tl-full rounded-tr-full" : ""}
-                  ${severityColors[severityValue]}
-                `}
-              ></div>
-            </div>
-          )}
         </React.Fragment>
       ))}
     </div>