UI fixes (#9986)

* scroll minimap to keep it in view

* remove console log

* change ref

* rebase to dev

* rebase to dev

* rebase to dev

* fix history flexbox and live extra scrollbar

* remove extra class

web/src/hooks/use-handle-dragging.ts

@@ -1,4 +1,4 @@
-import { useCallback } from "react";
+import { useCallback, useEffect } from "react";
 
 interface DragHandlerProps {
   contentRef: React.RefObject<HTMLElement>;
@@ -128,6 +128,17 @@ function useDraggableHandler({
     ]
   );
 
+  useEffect(() => {
+    // TODO: determine when we want to do this
+    const handlebar = scrollTimeRef.current;
+    if (handlebar && showHandlebar) {
+      // handlebar.scrollIntoView({
+      //   behavior: "smooth",
+      //   block: "center",
+      // });
+    }
+  }, []);
+
   return { handleMouseDown, handleMouseUp, handleMouseMove };
 }