fix: fileUploadForm.tsx 같은 파일 연속으로 등록시 파일명이 표시되지 않는 에러 수정

apps/sn/app/components/ui/fileUploadForm.tsx

@@ -29,6 +29,8 @@ const FileUploadForm = ({
   const [files, setFiles] = useState<FileList | null>(null);
   const [upload, setUpload] = useState<Upload | null>(null);
   const uniqueId = useId(); // 각 FileUploadForm 인스턴스에 대한 고유 ID 생성
+  // FileUploader 컴포넌트를 강제로 재마운트하기 위한 key 상태 추가
+  const [uploaderKey, setUploaderKey] = useState(0);
 
   const quater = [{ text: '1분기', val: '1' }, { text: '2분기', val: '2' }, { text: '3분기', val: '3' }, { text: '4분기', val: '4' }];
   // 현재 년도부터 10년 전까지의 년도 옵션 생성
@@ -64,6 +66,7 @@ const FileUploadForm = ({
         <div className='flex items-center gap-2'> {/* FileUploader와 Button을 정렬하는 메인 flex 컨테이너 */}
           <div className="w-[300px] mr-4"> {/* FileUploader의 너비와 오른쪽 여백을 제어하는 컨테이너 */}
             <FileUploader
+              key={uploaderKey} // key 추가: 변경 시 컴포넌트 재마운트됨
               id={uniqueId}
               className="!h-auto !max-w-none flex-row items-center gap-2"
               accept={accept}
@@ -133,6 +136,8 @@ const FileUploadForm = ({
                   onSubmit(fileNm, selectedYear, selectedQuarter, internalAtflCd || '', internalAtflId || '');
                   setFiles(null); // 파일 업로드 후 파일 목록 초기화
                   setFileName(''); // 파일명 초기화
+                  // 파일 업로드 후 FileUploader 컴포넌트를 재마운트하기 위해 key 값 변경
+                  setUploaderKey(prev => prev + 1);
                 }
               }}
             >