fix items under the same hierarchy should be on the same side

app/assets/stylesheets/webpack/line/line.scss

@@ -85,6 +85,7 @@
     display: flex;
     position: relative;
     flex-flow: column;
+    gap: 10px;
   }
 
   .line__group__item__wrapper {

app/javascript/components/Line/components/Line.jsx

@@ -71,10 +71,10 @@ const Items = forwardRef((props, ref) => {
   }
 
   const renderItems = (items) => {
+    currentCount.current += 1
     return (
       <div className={`line__group__items__wrapper move_up-${currentEmptyCount}`}>
         {items.map((it, idx) => {
-            currentCount.current += 1
             return renderItem(it, idx)
           }
         )}