Feat: RoutineDetailsCard 컴포넌트 기능 추가

- 삭제된 루틴일경우 수정버튼 제거
- 기간 표시
- 텍스트 간격 조정

Author: wjdrjs00

domain/src/main/java/com/threegap/bitnagil/domain/routine/model/DayOfWeek.kt

@@ -35,7 +35,7 @@ enum class DayOfWeek {
             }
 
         fun List<DayOfWeek>.formatRepeatDays(): String {
-            if (this.isEmpty()) return "반복 없음"
+            if (this.isEmpty()) return "x"
             return this.sortedBy { it.ordinal }
                 .joinToString(", ") { it.toKoreanShort() }
         }

presentation/src/main/java/com/threegap/bitnagil/presentation/home/util/LocalDateExtension.kt

@@ -11,6 +11,7 @@ private val koreanLocale = Locale.KOREAN
 private val monthYearFormatter = DateTimeFormatter.ofPattern("yyyy년 M월", koreanLocale)
 private val executionTimeFormatter12 = DateTimeFormatter.ofPattern("a h:mm", koreanLocale)
 private val executionTimeFormatter24 = DateTimeFormatter.ofPattern("HH:mm", koreanLocale)
+private val shortDateFormatter = DateTimeFormatter.ofPattern("yy.MM.dd")
 
 fun LocalDate.getCurrentWeekDays(): List<LocalDate> =
     (0..6).map { this.with(DayOfWeek.MONDAY).plusDays(it.toLong()) }
@@ -47,3 +48,11 @@ fun String.formatExecutionTime12Hour(): String =
     } catch (e: Exception) {
         "시간 미정"
     }
+
+fun String.toShortDateFormat(): String =
+    try {
+        val date = LocalDate.parse(this)
+        date.format(shortDateFormatter)
+    } catch (e: Exception) {
+        this
+    }

presentation/src/main/java/com/threegap/bitnagil/presentation/routinelist/component/template/RoutineDetailsCard.kt

@@ -14,6 +14,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.style.LineHeightStyle
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.threegap.bitnagil.designsystem.BitnagilTheme
@@ -33,6 +34,13 @@ fun RoutineDetailsCard(
     onDeleteClick: () -> Unit,
     modifier: Modifier = Modifier,
 ) {
+    val infoTextStyle = BitnagilTheme.typography.body2Medium.copy(
+        lineHeightStyle = LineHeightStyle(
+            alignment = LineHeightStyle.Alignment.Center,
+            trim = LineHeightStyle.Trim.None,
+        ),
+    )
+
     Column(
         modifier = modifier
             .background(
@@ -67,12 +75,14 @@ fun RoutineDetailsCard(
 
             Spacer(modifier = Modifier.weight(1f))
 
-            BitnagilIconButton(
-                id = R.drawable.ic_edit,
-                onClick = onEditClick,
-                tint = null,
-                paddingValues = PaddingValues(12.dp),
-            )
+            if (!routine.routineDeletedYn) {
+                BitnagilIconButton(
+                    id = R.drawable.ic_edit,
+                    onClick = onEditClick,
+                    tint = null,
+                    paddingValues = PaddingValues(12.dp),
+                )
+            }
 
             BitnagilIconButton(
                 id = R.drawable.ic_trash,
@@ -97,14 +107,14 @@ fun RoutineDetailsCard(
                 Text(
                     text = "세부 루틴",
                     color = BitnagilTheme.colors.coolGray40,
-                    style = BitnagilTheme.typography.body2Medium,
+                    style = infoTextStyle,
                 )
 
                 routine.subRoutineNames.forEach { name ->
                     Text(
                         text = "•  $name",
                         color = BitnagilTheme.colors.coolGray40,
-                        style = BitnagilTheme.typography.body2Medium,
+                        style = infoTextStyle,
                     )
                 }
             }
@@ -124,17 +134,17 @@ fun RoutineDetailsCard(
             Text(
                 text = "반복: ${routine.repeatDay.formatRepeatDays()}",
                 color = BitnagilTheme.colors.coolGray40,
-                style = BitnagilTheme.typography.body2Medium,
+                style = infoTextStyle,
             )
             Text(
-                text = "기간: ",
+                text = "기간: ${routine.formattedDateRange}",
                 color = BitnagilTheme.colors.coolGray40,
-                style = BitnagilTheme.typography.body2Medium,
+                style = infoTextStyle,
             )
             Text(
                 text = "시간: ${routine.executionTime}",
                 color = BitnagilTheme.colors.coolGray40,
-                style = BitnagilTheme.typography.body2Medium,
+                style = infoTextStyle,
             )
         }
     }
@@ -150,6 +160,9 @@ private fun RoutineDetailsCardPreview() {
             repeatDay = listOf(DayOfWeek.MONDAY, DayOfWeek.TUESDAY),
             executionTime = "00:00:00",
             routineDate = "2025-08-15",
+            startDate = "2025-08-15",
+            endDate = "2025-08-25",
+            routineDeletedYn = false,
             subRoutineNames = listOf("어쩌구", "저쩌구", "얼씨구"),
             recommendedRoutineType = null,
         ),

presentation/src/main/java/com/threegap/bitnagil/presentation/routinelist/model/RoutineUiModel.kt

@@ -9,6 +9,7 @@ import com.threegap.bitnagil.domain.routine.model.DayOfWeek
 import com.threegap.bitnagil.domain.routine.model.RecommendedRoutineType
 import com.threegap.bitnagil.domain.routine.model.Routine
 import com.threegap.bitnagil.presentation.home.util.formatExecutionTime12Hour
+import com.threegap.bitnagil.presentation.home.util.toShortDateFormat
 import kotlinx.parcelize.Parcelize
 
 @Parcelize
@@ -18,9 +19,15 @@ data class RoutineUiModel(
     val repeatDay: List<DayOfWeek>,
     val executionTime: String,
     val routineDate: String,
+    val startDate: String,
+    val endDate: String,
+    val routineDeletedYn: Boolean,
     val subRoutineNames: List<String>,
     val recommendedRoutineType: RecommendedRoutineType?,
-) : Parcelable
+) : Parcelable {
+    val formattedDateRange: String
+        get() = "${startDate.toShortDateFormat()} - ${endDate.toShortDateFormat()}"
+}
 
 fun Routine.toUiModel(): RoutineUiModel =
     RoutineUiModel(
@@ -29,6 +36,9 @@ fun Routine.toUiModel(): RoutineUiModel =
         repeatDay = this.repeatDay,
         executionTime = this.executionTime.formatExecutionTime12Hour(),
         routineDate = this.routineDate,
+        startDate = this.startDate,
+        endDate = this.endDate,
+        routineDeletedYn = this.routineDeletedYn,
         subRoutineNames = this.subRoutineNames,
         recommendedRoutineType = this.recommendedRoutineType,
     )