DayLog 수정 모달에서 이미지 여러 번에 걸쳐 넣을 때 발생하는 문제 수정 (#665)

* refactor: UseMultipleImageUploadParams 훅 input문제를 위한 코드 수정

* refactor: UseMultipleImageUpload 사진 여러번 input시 발생하는 문제 수정

frontend/src/components/trip/TripItemAddModal/TripItemAddModal.tsx

@@ -1,5 +1,3 @@
-import { TRIP_TYPE } from '@/constants/trip';
-
 import { useRecoilValue } from 'recoil';
 
 import { Button, Flex, Modal, Theme } from 'hang-log-design-system';
@@ -25,6 +23,8 @@ import { mediaQueryMobileState } from '@store/mediaQuery';
 import type { TripTypeData } from '@type/trip';
 import type { TripItemFormData } from '@type/tripItem';
 
+import { TRIP_TYPE } from '@constants/trip';
+
 interface TripItemAddModalProps {
   tripId: string;
   dayLogId: number;

frontend/src/hooks/common/useMultipleImageUpload.ts

@@ -12,20 +12,21 @@ import { TRIP_ITEM_ADD_MAX_IMAGE_UPLOAD_COUNT } from '@constants/ui';
 interface UseMultipleImageUploadParams {
   initialImageUrls: string[];
   maxUploadCount?: number;
+  handleInitialImage?: (images: string[]) => void;
   onSuccess?: CallableFunction;
   onError?: CallableFunction;
 }
 
 export const useMultipleImageUpload = ({
   initialImageUrls,
   maxUploadCount = TRIP_ITEM_ADD_MAX_IMAGE_UPLOAD_COUNT,
+
   onSuccess,
   onError,
 }: UseMultipleImageUploadParams) => {
   const imageMutation = useImageMutation();
 
   const { createToast } = useToast();
-
   const [uploadedImageUrls, setUploadedImageUrls] = useState(initialImageUrls);
 
   const handleImageUpload = useCallback(
@@ -76,7 +77,7 @@ export const useMultipleImageUpload = ({
         { images: imageUploadFormData },
         {
           onSuccess: ({ imageUrls }) => {
-            onSuccess?.([...prevImageUrls, ...imageUrls]);
+            onSuccess?.([...initialImageUrls, ...imageUrls]);
             createToast('이미지 업로드에 성공했습니다', 'success');
           },
           onError: () => {
@@ -88,7 +89,15 @@ export const useMultipleImageUpload = ({
       // eslint-disable-next-line no-param-reassign
       event.target.value = '';
     },
-    [createToast, imageMutation, maxUploadCount, onError, onSuccess, uploadedImageUrls]
+    [
+      createToast,
+      imageMutation,
+      initialImageUrls,
+      maxUploadCount,
+      onError,
+      onSuccess,
+      uploadedImageUrls,
+    ]
   );
 
   const handleImageRemoval = useCallback(