refactor: hello-pagea/dnd 로 dnd 교체, 이미지 3개 등록 및 프리뷰 dnd 적용 등

Author: cccwon2

package-lock.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@channel.io/channel-web-sdk-loader": "^2.0.0",
+    "@hello-pangea/dnd": "^17.0.0",
     "@hookform/resolvers": "^3.9.0",
     "@lottiefiles/react-lottie-player": "^3.5.4",
     "@next/third-parties": "^15.1.2",
@@ -30,7 +31,6 @@
     "next-sitemap": "^4.2.3",
     "prettier": "^3.3.3",
     "react": "^18",
-    "react-beautiful-dnd": "^13.1.1",
     "react-datepicker": "^7.5.0",
     "react-dom": "^18",
     "react-hook-form": "^7.53.0",

package.json

@@ -1,4 +1,5 @@
 "use client";
+
 import { useEffect, useMemo, useState } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { FormProvider, useForm } from "react-hook-form";

src/app/(pages)/(workform)/addform/page.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import BaseInput from "@/app/components/input/text/BaseInput";
 import BaseTextArea from "@/app/components/input/textarea/BaseTextArea";
 import DatePickerInput from "@/app/components/input/dateTimeDaypicker/DatePickerInput";
@@ -10,7 +11,6 @@ import { ImageInputType } from "@/types/addform";
 import useUploadImages from "@/hooks/queries/user/me/useImageUpload";
 import { formatToLocaleDate } from "@/utils/formatters";
 import DotLoadingSpinner from "@/app/components/loading-spinner/DotLoadingSpinner";
-import { isDirty } from "zod";
 import ImageInput from "@/app/components/input/file/ImageInput/ImageInput";
 
 // 워크폼 만들기 - 사장님 - 1-모집내용