feat(ui/hooks): useComposeRefs hook 추가

packages/ui/src/hooks/index.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @stylistic/padding-line-between-statements */
 export { useBoolean } from './use-boolean';
 export { useCallbackRef } from './use-callback-ref';
+export { useComposeRefs } from './use-compose-refs';
 export { useDisclosure } from './use-disclosure';
 export { useLayoutEffect } from './use-layout-effect';
 export { usePosition, type Placement } from './use-position';

packages/ui/src/hooks/use-compose-refs.ts

@@ -0,0 +1,7 @@
+import { type Ref, useCallback } from 'react';
+import { composeRefs } from '../utils';
+
+export function useComposeRefs<T>(...refs: Ref<T>[]) {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  return useCallback(composeRefs(...refs), refs);
+}