Feature/mz 156 badge

[syb8200]

💡 Issue

• Resolved: [Feat] Badge #21

🌱 Key changes

Badge 작업 했습니다.

✅ To Reviewers

Figma에서 properties를 확인해보니 사이즈가 xs, s 로 나누어져 있어서 분리했습니다.

📸 스크린샷

SusuSmallBadge	SusuExtraSmallBadge

[jinukeu]

디자이너분이 정해주신 color 틀에 맞춰서 enum class를 만들면 개발 속도가 더 올라갈거같아요.

enum class BadgeColor (
    val backgroundColor: Color,
    val textColor: Color,
) { Red60(backgroundColor = ...) 
}

Spacer도 마찬가지로 뺄 수 있을거같네요~! 자세한건 제가 해놓은 Button 컴포넌트 보시면 좋을거같습니다!

[yangsooplus]

진욱님 피드백 적용되면 저도 Re-Request Review 한번 눌러주세요!

[syb8200]

다시 한 번 코드 리뷰 부탁드립니다!
@yangsooplus @jinukeu

[jinukeu]

Badge 접두어 없애도 될거같아요

[jinukeu]

Badge 없어도 될거같아요~!
SmallBadgePadding -> Small

SusuTheme에 정의된 Spacing 사용하는게 더 좋을거같네용

[jinukeu]

SusuBadge 하나로 만들 수 있지 않을까요?

[jinukeu]

이렇게 하면 padding() 람다가 2번 실행되는 문제가 있습니다!

Suggested change

	val horizontalPadding = padding().horizontalPadding
	val verticalPadding = padding().verticalPadding
	Box(
	modifier = modifier.background(color.backgroundColor, shape),
	) {
	Text(
	text = text,
	style = SusuTheme.typography.title_xxxs,
	color = color.textColor,
	modifier = modifier.padding(
	horizontal = horizontalPadding,
	vertical = verticalPadding,
	),
	)
	}
	with(padding()) {
	Box(
	modifier = modifier.background(color.backgroundColor, shape),
	) {
	Text(
	text = text,
	style = SusuTheme.typography.title_xxxs,
	color = color.textColor,
	modifier = modifier.padding(
	horizontal = horizontalPadding,
	vertical = verticalPadding,
	),
	)
	}
	}

[jinukeu]

마지막으로 하나만 반영해주시면 좋을거같아요!
미리 어프로브 하겠습니다~