✨ feat: Modal confirm modal info

:%s

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

@@ -13,10 +13,16 @@
     }
     @apply absolute top-1/2 bg-background-arrow transform -translate-y-1/2 flex justify-center items-center transition duration-100;
     &:global(.leftArrow) {
-      @apply left-0;
+		@apply  hidden left-0;
+		@screen md {
+			@apply flex
+		}
     }
     &:global(.rightArrow) {
-      @apply right-0;
+		@apply  hidden right-0;
+		@screen md {
+			@apply flex;
+		}
     }
     &:global(.isDisabledArrow) {
       @apply hidden;

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

@@ -1,20 +1,2 @@
-.navigationWrapper{
+
-    :global(.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 ;
-        }
-    }
-}
 

src/components/common/PaginationCommon/PaginationCommon.tsx

@@ -0,0 +1,15 @@
+import React from 'react'
+
+interface PaginationCommonProps {
+    
+}
+
+const PaginationCommon = (props: PaginationCommonProps) => {
+    return (
+        <div>
+            
+        </div>
+    )
+}
+
+export default PaginationCommon