✨ feat: label

:%s

src/components/common/CarouselCommon/CarouselCommon.tsx

@@ -6,7 +6,7 @@ import s from "./CaroucelCommon.module.scss"
 interface CarouselCommonProps {
   children?: React.ReactNode
   data?: any[]
-  Component: React.ComponentType
+  Component: React.ComponentType<any>
   isArrow?:Boolean
   itemKey:String
 }

src/components/common/LabelCommon/LabelCommon.module.scss

@@ -1,15 +1,20 @@
 .labelCommonWarper{
     display: inline-flex;
+    align-items: flex-start;
     font-weight: bold;
+    letter-spacing: 0.01em;
+    @apply text-white text-right;
     &.defaultSize{
-        max-height: 2rem;
+        min-height: 2rem;
         line-height: 2rem;
         font-size: 1.2rem;
+        padding: 0 0.8rem;
     }
     &.largeSize{
         max-height: 2.4rem;
         line-height: 2.4rem;
         font-size: 1.6rem;
+        padding: 0 1.8rem;
     }
     &.defaultType{
         @apply bg-positive-dark;