🐛 bug: fix bug before merge to common

:%s

src/components/common/CarouselCommon/CustomArrow/CustomCarouselArrow.module.scss

@@ -1,20 +1,3 @@
-// .customArrow{
-//     width: 64px;
-//     height:  64px;
-//     &:focus{
-//         outline: none;
-//     }
-//     @apply absolute top-1/2 bg-background-arrow transform -translate-y-1/2 flex justify-center items-center transition duration-100;
-//     &.leftArrow{
-//         @apply left-0;
-//     }
-//     &.rightArrow{
-//         @apply right-0;
-//     }
-//     &.isDisabled{
-//         @apply hidden ;
-//     }
-// }
 .navigationWrapper{
     :global(.customArrow) {
         width: 64px;

src/components/common/CarouselCommon/CustomArrow/CustomCarouselArrow.tsx

@@ -3,7 +3,6 @@ import React from 'react'
 import ArrowLeft from 'src/components/icons/ArrowLeft'
 import ArrowRight from 'src/components/icons/ArrowRight'
 import "./CustomCarouselArrow.module.scss"
-// import s from "../CaroucelCommon.module.scss"
 
 interface CustomCarouselArrowProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -18,7 +17,6 @@ export const CustomCarouselArrow = ({
   return (
     <button
       {...props}
-      // className={classNames(`${s.customArrow}`, { [`${s[`${side}Arrow`]}`]: side,[`${s.isDisabled}`]:isDisabled })}
       className={classNames("customArrow", { [`${side}Arrow`]: side,"isDisabledArrow":isDisabled})}
     >
 			{side==='left'?(<ArrowLeft/>):(<ArrowRight/>)}