✨ Add client side removing of items, Add item position modal

src/components/Board/gridstack/useResizeGridItem.ts

@@ -0,0 +1,24 @@
+import { useGridItemRef } from '../item/context';
+import { useGridstackRef } from './context';
+
+type ResizeGridItemProps = {
+  height: number;
+  width: number;
+  x: number;
+  y: number;
+};
+
+export const useResizeGridItem = () => {
+  const itemRef = useGridItemRef();
+  const gridstackRef = useGridstackRef();
+
+  return ({ height, width, ...options }: ResizeGridItemProps) => {
+    gridstackRef.current?.batchUpdate();
+    gridstackRef.current?.update(itemRef.current!, {
+      ...options,
+      h: height,
+      w: width,
+    });
+    gridstackRef.current?.batchUpdate(false);
+  };
+};