fix: collection collapses on tab/group drag

entrypoints/sidepanel/components/CollectionView.styles.ts

@@ -84,15 +84,11 @@ export const useStyles_CollectionView = makeStyles({
 		"& > div":
 		{
 			pointerEvents: "none"
-		},
-		height: "54px",
-		overflow: "hidden"
+		}
 	},
 	sorting:
 	{
-		pointerEvents: "none",
-		height: "54px",
-		overflow: "hidden"
+		pointerEvents: "none"
 	},
 	dragging:
 	{

entrypoints/sidepanel/components/CollectionView.tsx

@@ -50,6 +50,8 @@ export default function CollectionView({ collection, index: collectionIndex, dra
 
 				<CollectionHeader dragHandleProps={ activatorProps } dragHandleRef={ setActivatorNodeRef } />
 
+				{ (!activeItem || activeItem.item.type !== "collection") && !dragOverlay &&
+					<>
 						{ collection.items.length < 1 ?
 							<div className={ cls.empty }>
 								<CollectionsRegular fontSize={ 32 } />
@@ -71,6 +73,8 @@ export default function CollectionView({ collection, index: collectionIndex, dra
 								</SortableContext>
 							</div>
 						}
+					</>
+				}
 			</div >
 		</CollectionContext.Provider>
 	);