feat: 바텀시트에 드래그로 닫기 기능 추가

드래그 기능 세부 조절은 나중에

src/components/common/BottomSheet.tsx

@@ -1,4 +1,4 @@
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion, useDragControls } from "framer-motion";
 import { type ReactNode, useEffect } from "react";
 
 type BottomSheetProps = {
@@ -12,6 +12,8 @@ const BottomSheet: React.FC<BottomSheetProps> = ({
   onClose,
   children,
 }) => {
+  const dragControls = useDragControls();
+
   useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
@@ -38,6 +40,15 @@ const BottomSheet: React.FC<BottomSheetProps> = ({
             exit={{ y: "100%" }}
             transition={{ duration: 0.3, ease: "easeInOut" }}
             onClick={(e) => e.stopPropagation()}
+            drag="y"
+            dragElastic={0}
+            dragConstraints={{ top: 0 }}
+            dragControls={dragControls}
+            onDragEnd={(_, info) => {
+              if (info.offset.y > 10) {
+                onClose();
+              }
+            }}
           >
             {children}
           </motion.div>