refactor: next image 'objectFit' 속성 제거

apps/cs/src/pages/banner/model/banner-table-columns.tsx

@@ -94,7 +94,7 @@ const BannerImage = ({ atflCd, bnrSn, imageRefs }: BannerImageProps) => {
 
   return (
     <div className="relative flex h-[4rem] w-[16rem] items-center justify-center">
-      <Image src={imageUrl} alt="배너 이미지" fill objectFit="contain" />
+      <Image src={imageUrl} className="object-contain" fill alt="배너 이미지" />
     </div>
   );
 };

apps/cs/src/pages/banner/ui/banner-form.tsx

@@ -155,9 +155,9 @@ function BannerForm({ form, bnrSn, ...props }: BannerFormProps) {
                                     {imageUrl && (
                                       <Image
                                         src={imageUrl}
-                                        alt="업로드된 이미지"
+                                        className="object-contain"
                                         fill
-                                        objectFit="contain"
+                                        alt="업로드된 이미지"
                                       />
                                     )}
                                   </div>

apps/cs/src/pages/banner/ui/preview-banner-dialog.tsx

@@ -23,7 +23,10 @@ function PreviewBannerDialog({ images }: PreviewBannerDialogProps) {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button disabled={!images.length}>미리보기</Button>
+        <Button color="white" disabled={!images.length}>
+          <i className="diveicon di-display" />
+          미리보기
+        </Button>
       </DialogTrigger>
       <DialogContent className="max-w-[80rem]" aria-describedby={undefined}>
         <DialogHeader>
@@ -32,14 +35,14 @@ function PreviewBannerDialog({ images }: PreviewBannerDialogProps) {
         <div className="mt-4 px-12">
           <Carousel>
             <CarouselContent>
-              {images.map((image, index) => (
-                <CarouselItem key={index} className="basis-1/3">
+              {images.map((image, i) => (
+                <CarouselItem key={`banner-${i}`} className="basis-1/3">
                   <div className="relative flex aspect-video items-center justify-center">
                     <Image
                       src={image}
-                      alt={`배너 이미지 ${index + 1}`}
+                      className="object-contain"
                       fill
-                      objectFit="contain"
+                      alt={`배너 이미지 ${i + 1}`}
                     />
                   </div>
                 </CarouselItem>

apps/cs/src/pages/image/ui/image-form.tsx

@@ -213,9 +213,9 @@ function ImageForm({ form, imgSn, ...props }: ImageFormProps) {
                                       {imageUrl && (
                                         <Image
                                           src={imageUrl}
-                                          alt="업로드된 이미지"
+                                          className="object-contain"
                                           fill
-                                          objectFit="contain"
+                                          alt="업로드된 이미지"
                                         />
                                       )}
                                     </div>