small updates

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/containerComp/containerView.tsx

@@ -348,11 +348,13 @@ export const InnerGrid = React.memo((props: ViewPropsWithSelect) => {
 
   // Falk: TODO: Here we can define the inner grid columns dynamically
   //Added By Aqib Mirza
-  const defaultGrid =
-    horizontalGridCells ||
+  const defaultGrid = useMemo(() => {
+    return horizontalGridCells ||
     currentTheme?.gridColumns ||
     defaultTheme?.gridColumns ||
     "12";
+  }, [horizontalGridCells, currentTheme?.gridColumns, defaultTheme?.gridColumns]);
+
   /////////////////////
   const isDroppable =
     useContext(IsDroppable) && (_.isNil(props.isDroppable) || props.isDroppable) && !readOnly;

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

@@ -207,6 +207,7 @@ export const GridItem = React.memo((props: GridItemProps) => {
         [xx, yy] = [xy.x, xy.y];
       }
     }
+
     setResizing(handlerName === "onResizeStop" ? undefined : size);
     setDragging(handlerName === "onResizeStop" ? undefined : localDragging);
 
@@ -517,7 +518,16 @@ export const GridItem = React.memo((props: GridItemProps) => {
       left = position.left;
     }
     return { width, height, top, left };
-  }, [dragging, position.height, position.left, position.top, position.width, resizing]);
+  }, [
+    dragging?.top,
+    dragging?.left,
+    position.height,
+    position.left,
+    position.top,
+    position.width,
+    resizing?.width,
+    resizing?.height,
+  ]);
 
   const { isDraggable, isResizable, layoutHide, children, isSelected, clickItem, zIndex } = props;