[Fix[ WTH-366 : 동일한 이미지를 2개 올렸을 때 리스트가 깨지는 현상

src/components/board/ImageList/ImageCard.tsx

@@ -52,7 +52,7 @@ function ImageCard({ item, className, imgClassName, removable, onRemove }: Image
         src={item.fileUrl}
         alt={item.fileName}
         draggable={false}
-        className={cn('object-cover', item.uploaded === false && 'opacity-50', imgClassName)}
+        className={cn(item.uploaded === false && 'opacity-50', imgClassName)}
       />
 
       {item.uploaded === false && <LoadingOverlay />}

src/components/board/ImageList/ImageList.tsx

@@ -52,7 +52,7 @@ function ImageList({ files, removable, onRemove }: ImageListProps) {
             'min-w-[60px] shrink-0 self-stretch',
             index === files.length - 1 && 'mr-800',
           )}
-          imgClassName="h-full w-auto object-contain"
+          imgClassName="h-full max-w-full object-contain"
           removable={removable}
           onRemove={onRemove}
         />

src/hooks/useNavigationGuard.ts

@@ -69,11 +69,8 @@ function useNavigationGuard({ enabled }: UseNavigationGuardOptions) {
   useEffect(() => {
     const handlePopState = () => {
       if (isLeaving.current) return;
-      // Next.js App Router는 pushState/replaceState 호출 시 popstate를 디스패치한다.
-      // guard entry 위에 있다면 우리 코드가 pushState한 것이므로 무시한다.
       if (isGuardEntry()) return;
 
-      // guard가 비활성 상태면 guard entry를 투명하게 건너뛴다
       if (!enabledRef.current) {
         if (hasGuardEntry.current) {
           hasGuardEntry.current = false;