fix(segmentation scroll): and hydration bugs (#3701)

platform/ui/src/components/SegmentationGroupTable/SegmentationDropDownRow.tsx

@@ -75,14 +75,16 @@ function SegmentationDropDownRow({
                       storeSegmentation(activeSegmentation.id);
                     },
                   },
-                  {
-                    title: 'Download',
-                    onClick: () => {
-                      onSegmentationDownload(activeSegmentation.id);
-                    },
-                  },
                 ]
               : []),
+            ...[
+              {
+                title: 'Download',
+                onClick: () => {
+                  onSegmentationDownload(activeSegmentation.id);
+                },
+              },
+            ],
           ]}
         >
           <div className="hover:bg-secondary-dark mx-1 grid h-[28px] w-[28px]  cursor-pointer place-items-center rounded-[4px]">

platform/ui/src/components/SegmentationGroupTable/SegmentationGroupTable.tsx

@@ -104,20 +104,18 @@ const SegmentationGroupTable = ({
             </div>
           ) : (
             <div className="mt-1 select-none">
-              {!disableEditing && (
-                <SegmentationDropDownRow
-                  segmentations={segmentations}
-                  disableEditing={disableEditing}
-                  activeSegmentation={activeSegmentation}
-                  onActiveSegmentationChange={onActiveSegmentationChange}
-                  onSegmentationDelete={onSegmentationDelete}
-                  onSegmentationEdit={onSegmentationEdit}
-                  onSegmentationDownload={onSegmentationDownload}
-                  storeSegmentation={storeSegmentation}
-                  onSegmentationAdd={onSegmentationAdd}
-                  onToggleSegmentationVisibility={onToggleSegmentationVisibility}
-                />
-              )}
+              <SegmentationDropDownRow
+                segmentations={segmentations}
+                disableEditing={disableEditing}
+                activeSegmentation={activeSegmentation}
+                onActiveSegmentationChange={onActiveSegmentationChange}
+                onSegmentationDelete={onSegmentationDelete}
+                onSegmentationEdit={onSegmentationEdit}
+                onSegmentationDownload={onSegmentationDownload}
+                storeSegmentation={storeSegmentation}
+                onSegmentationAdd={onSegmentationAdd}
+                onToggleSegmentationVisibility={onToggleSegmentationVisibility}
+              />
               {!disableEditing && showAddSegment && (
                 <AddSegmentRow onClick={() => onSegmentAdd(activeSegmentationId)} />
               )}