fix setting hide for comp doesn't hide it

Author: raheeliftikhar5

client/packages/lowcoder/src/layout/compSelectionWrapper.tsx

@@ -89,7 +89,7 @@ function getLineStyle(
 
   return `
       border: ${GRID_ITEM_BORDER_WIDTH}px ${borderStyle} ${borderColor};
-      padding: ${isHidden && !isSelected ? 0 : padding[1] - GRID_ITEM_BORDER_WIDTH}px;
+      padding: ${isHidden || !isSelected ? 0 : padding[1] - GRID_ITEM_BORDER_WIDTH}px;
       padding-left: ${padding[0] - GRID_ITEM_BORDER_WIDTH}px;
       padding-right: ${padding[0] - GRID_ITEM_BORDER_WIDTH}px;
   `;

client/packages/lowcoder/src/layout/gridItem.tsx

@@ -447,6 +447,7 @@ export function GridItem(props: GridItemProps) {
           pos,
           props.name,
           props.autoHeight,
+          props.hidden,
           Boolean(draggingUtils.isDragging())
         ),
         opacity: layoutHide ? 0 : undefined,

client/packages/lowcoder/src/layout/utils.ts

@@ -203,6 +203,7 @@ export function setTransform(
   {top, left, width, height }: Position,
   name ?: string,
   autoHeight?: boolean,
+  hidden?: boolean,
   isDragging?: boolean,
 ): Record<string, any> {
   // Replace unitless items with px
@@ -211,7 +212,7 @@ export function setTransform(
     return /chart/i.test(str);
   }
   let updatedHeight = 'auto';
-  if (isDragging || !autoHeight || (name && containsChart(name))) {
+  if (isDragging || !autoHeight || hidden || (name && containsChart(name))) {
     updatedHeight = `${height}px`;
   }