[NDGL-125] chore: NDGLChipTab을 LazyRow로 변경 및 contentPadding 적용

Author: jihee-dev

core/ui/src/main/java/com/yapp/ndgl/core/ui/designsystem/NDGLChipTab.kt

@@ -4,13 +4,14 @@ import androidx.annotation.DrawableRes
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
-import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.layout.widthIn
-import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.itemsIndexed
 import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
@@ -45,14 +46,17 @@ fun NDGLChipTab(
     selectedIndex: Int,
     onTabSelected: (Int) -> Unit,
     modifier: Modifier = Modifier,
+    contentPadding: PaddingValues = PaddingValues(0.dp),
 ) {
-    val scrollState = rememberScrollState()
-
-    Row(
-        modifier = modifier.horizontalScroll(scrollState),
+    LazyRow(
+        modifier = modifier,
         horizontalArrangement = Arrangement.spacedBy(8.dp),
+        contentPadding = contentPadding,
     ) {
-        tabs.forEachIndexed { index, tab ->
+        itemsIndexed(
+            items = tabs,
+            key = { _, tab -> tab.tag },
+        ) { index, tab ->
             NDGLChipTabItem(
                 isSelected = index == selectedIndex,
                 name = tab.name,

feature/home/src/main/java/com/yapp/ndgl/feature/home/main/PopularTravelSection.kt

@@ -104,7 +104,8 @@ private fun HorizontalCardSection(
             }.toPersistentList(),
             selectedIndex = selectedTabIndex,
             onTabSelected = onTabSelected,
-            modifier = Modifier.padding(start = 24.dp),
+            modifier = Modifier,
+            contentPadding = PaddingValues(horizontal = 24.dp),
         )
 
         if (columns.isNotEmpty()) {

feature/home/src/main/java/com/yapp/ndgl/feature/home/popular/PopularTravelListScreen.kt

@@ -196,7 +196,8 @@ private fun PopularTravelListContent(
             }.toPersistentList(),
             selectedIndex = state.selectedTabIndex,
             onTabSelected = onTabSelected,
-            modifier = Modifier.padding(start = 24.dp, top = 20.dp),
+            modifier = Modifier.padding(top = 20.dp),
+            contentPadding = PaddingValues(horizontal = 24.dp),
         )
 
         LazyColumn(

feature/travel/src/main/java/com/yapp/ndgl/feature/travel/followtravel/FollowTravelScreen.kt

@@ -3,6 +3,7 @@ package com.yapp.ndgl.feature.travel.followtravel
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -145,13 +146,13 @@ private fun FollowTravelScreen(
                             } else {
                                 Modifier.padding(top = 22.dp)
                             },
-                        )
-                        .padding(horizontal = 24.dp),
+                        ),
                 ) {
                     NDGLChipTab(
                         tabs = tabs,
                         selectedIndex = state.selectedDay - 1,
                         onTabSelected = { index -> selectDay(index + 1) },
+                        contentPadding = PaddingValues(horizontal = 24.dp),
                     )
                     Spacer(Modifier.height(16.dp))
                 }

feature/travel/src/main/java/com/yapp/ndgl/feature/travel/traveldetail/TravelDetailScreen.kt

@@ -358,13 +358,13 @@ private fun TravelDetailScreen(
                             } else {
                                 Modifier.padding(top = 22.dp)
                             },
-                        )
-                        .padding(horizontal = 24.dp),
+                        ),
                 ) {
                     NDGLChipTab(
                         tabs = tabs,
                         selectedIndex = state.selectedDay - 1,
                         onTabSelected = { index -> selectDay(index + 1) },
+                        contentPadding = PaddingValues(horizontal = 24.dp),
                     )
                     Spacer(Modifier.height(16.dp))
                 }