chore: Taking use-merge-ref from toolkit (#355)

Author: pan-kot

src/board/internal.tsx

@@ -4,7 +4,7 @@ import { ReactNode, useEffect, useRef } from "react";
 import { usePrevious } from "@dnd-kit/utilities";
 import clsx from "clsx";
 
-import { getIsRtl } from "@cloudscape-design/component-toolkit/internal";
+import { getIsRtl, useMergeRefs } from "@cloudscape-design/component-toolkit/internal";
 
 import { getDataAttributes } from "../internal/base-component/get-data-attributes";
 import { InternalBaseComponentProps } from "../internal/base-component/use-base-component";
@@ -26,7 +26,6 @@ import {
 } from "../internal/utils/layout";
 import { Position } from "../internal/utils/position";
 import { useAutoScroll } from "../internal/utils/use-auto-scroll";
-import { useMergeRefs } from "../internal/utils/use-merge-refs";
 import { BoardProps } from "./interfaces";
 import Placeholder from "./placeholder";
 import { selectTransitionRows, useTransition } from "./transition";

src/internal/grid/grid.tsx

@@ -5,26 +5,19 @@ import { Children, useRef } from "react";
 import clsx from "clsx";
 
 import { useContainerQuery } from "@cloudscape-design/component-toolkit";
-import { useDensityMode } from "@cloudscape-design/component-toolkit/internal";
+import { useDensityMode, useMergeRefs } from "@cloudscape-design/component-toolkit/internal";
 
-import { useMergeRefs } from "../utils/use-merge-refs";
 import { zipTwoArrays } from "../utils/zip-arrays";
 import { GridProps } from "./interfaces";
 import GridItem from "./item";
 
 import styles from "./styles.css.js";
 
 /* Matches grid gap in CSS. */
-const GRID_GAP = {
-  comfortable: 20,
-  compact: 16,
-};
+const GRID_GAP = { comfortable: 20, compact: 16 };
 
 /* Matches grid-auto-rows in CSS. */
-const ROWSPAN_HEIGHT = {
-  comfortable: 96,
-  compact: 76,
-};
+const ROWSPAN_HEIGHT = { comfortable: 96, compact: 76 };
 
 export default function Grid({ layout, children: render, columns, isRtl }: GridProps) {
   const gridRef = useRef<HTMLDivElement>(null);