message: moved scrollbar to bottom function out of main container
diff: @@ -25,10 +25,7 @@ const MainContainer: React.FC<MainContainerProps> = ({
  // useEffect for renderIndex
  useEffect(() => {
  - const element = document.querySelector('.SnapshotsList');
  - element.scrollTop = element.scrollHeight;
  setRenderIndex(snapshotHistory.length - 1);
  - element.scrollTop = element.scrollHeight;
  }, [snapshotHistory]);
  // render containers passing necessary props
  