refactor: use scroll lock 훅 추가 (#ATR-597)

packages/design-system/packages/hooks/src/index.ts

@@ -5,3 +5,4 @@ export * from './use-scroll-observer'
 export * from './use-scroll-progress'
 export * from './use-document-event'
 export * from './use-timeout'
+export * from './use-scroll-lock'

packages/design-system/packages/hooks/src/use-scroll-lock/index.ts

@@ -0,0 +1 @@
+export { default as useScrollLock } from './useScrollLock'

packages/design-system/packages/hooks/src/use-scroll-lock/useScrollLock.ts

@@ -0,0 +1,17 @@
+import React from 'react'
+
+export default function useScrollLock(status: boolean) {
+  React.useEffect(() => {
+    if (status) {
+      document.body.style.touchAction = 'none'
+      document.body.style.overflow = 'hidden'
+    } else {
+      document.body.style.touchAction = ''
+      document.body.style.overflow = ''
+    }
+    return () => {
+      document.body.style.touchAction = ''
+      document.body.style.overflow = ''
+    }
+  }, [status])
+}