[PC-190] 매칭 상세 Basic Info Page 디자인 구현

core/designsystem/src/main/java/com/puzzle/designsystem/component/TopBar.kt

@@ -3,6 +3,7 @@ package com.puzzle.designsystem.component
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -71,6 +72,56 @@ fun PieceSubTopBar(
     }
 }
 
+@Composable
+fun PieceSubBackTopBar(
+    title: String,
+    onBackClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Box(modifier = modifier.fillMaxWidth()) {
+        Image(
+            painter = painterResource(R.drawable.ic_arrow_left),
+            contentDescription = "뒤로 가기 버튼",
+            modifier = Modifier
+                .size(32.dp)
+                .clickable { onBackClick() }
+                .align(Alignment.CenterStart),
+        )
+
+        Text(
+            text = title,
+            style = PieceTheme.typography.headingSM,
+            color = PieceTheme.colors.black,
+            modifier = Modifier.align(Alignment.Center),
+        )
+    }
+}
+
+@Composable
+fun PieceSubCloseTopBar(
+    title: String,
+    onCloseClick: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Box(modifier = modifier.fillMaxWidth()) {
+        Text(
+            text = title,
+            style = PieceTheme.typography.headingSM,
+            color = PieceTheme.colors.black,
+            modifier = Modifier.align(Alignment.Center),
+        )
+
+        Image(
+            painter = painterResource(R.drawable.ic_close),
+            contentDescription = "오른쪽 버튼",
+            modifier = Modifier
+                .size(32.dp)
+                .clickable { onCloseClick() }
+                .align(Alignment.CenterEnd),
+        )
+    }
+}
+
 @Preview
 @Composable
 fun PreviewPieceMainTopBar() {
@@ -125,4 +176,32 @@ fun PreviewPieceSubTopBar() {
                 .padding(vertical = 20.dp),
         )
     }
+}
+
+@Preview
+@Composable
+fun PreviewPieceSubBackTopBar() {
+    PieceTheme {
+        PieceSubBackTopBar(
+            title = "Page Name",
+            onBackClick = { },
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(vertical = 20.dp),
+        )
+    }
+}
+
+@Preview
+@Composable
+fun PreviewPieceSubCloseTopBar() {
+    PieceTheme {
+        PieceSubCloseTopBar(
+            title = "Page Name",
+            onCloseClick = { },
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(vertical = 20.dp),
+        )
+    }
 }

core/designsystem/src/main/res/drawable/ic_left_disable.xml

@@ -0,0 +1,28 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="52dp"
+    android:height="52dp"
+    android:viewportWidth="52"
+    android:viewportHeight="52">
+  <group>
+    <clip-path
+        android:pathData="M0,0h52v52h-52z"/>
+    <path
+        android:pathData="M26,26m-25.4,0a25.4,25.4 0,1 1,50.8 0a25.4,25.4 0,1 1,-50.8 0"
+        android:strokeWidth="1.2"
+        android:fillColor="#CBD1D9"
+        android:strokeColor="#CBD1D9"/>
+    <path
+        android:pathData="M25.999,17.467L17.465,26L25.999,34.533"
+        android:strokeLineJoin="round"
+        android:strokeWidth="1.6"
+        android:fillColor="#00000000"
+        android:strokeColor="#ffffff"
+        android:strokeLineCap="round"/>
+    <path
+        android:pathData="M17.467,26L34.533,26"
+        android:strokeWidth="1.6"
+        android:fillColor="#00000000"
+        android:strokeColor="#ffffff"
+        android:strokeLineCap="round"/>
+  </group>
+</vector>

core/designsystem/src/main/res/drawable/ic_more.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="32dp"
+    android:height="32dp"
+    android:viewportWidth="32"
+    android:viewportHeight="32">
+  <path
+      android:pathData="M16,9.6m-1.6,0a1.6,1.6 0,1 1,3.2 0a1.6,1.6 0,1 1,-3.2 0"
+      android:fillColor="#1B1A2A"/>
+  <path
+      android:pathData="M15.999,16m-1.6,0a1.6,1.6 0,1 1,3.2 0a1.6,1.6 0,1 1,-3.2 0"
+      android:fillColor="#1B1A2A"/>
+  <path
+      android:pathData="M15.999,22.4m-1.6,0a1.6,1.6 0,1 1,3.2 0a1.6,1.6 0,1 1,-3.2 0"
+      android:fillColor="#1B1A2A"/>
+</vector>

core/designsystem/src/main/res/drawable/ic_right_able.xml

@@ -0,0 +1,26 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="52dp"
+    android:height="52dp"
+    android:viewportWidth="52"
+    android:viewportHeight="52">
+  <group>
+    <clip-path
+        android:pathData="M0,0h52v52h-52z"/>
+    <path
+        android:pathData="M26,26m-26,0a26,26 0,1 1,52 0a26,26 0,1 1,-52 0"
+        android:fillColor="#6F00FB"/>
+    <path
+        android:pathData="M26,17.467L34.533,26L26,34.533"
+        android:strokeLineJoin="round"
+        android:strokeWidth="1.6"
+        android:fillColor="#00000000"
+        android:strokeColor="#ffffff"
+        android:strokeLineCap="round"/>
+    <path
+        android:pathData="M34.532,26L17.465,26"
+        android:strokeWidth="1.6"
+        android:fillColor="#00000000"
+        android:strokeColor="#ffffff"
+        android:strokeLineCap="round"/>
+  </group>
+</vector>

core/domain/src/main/java/com/puzzle/domain/model/pick/ValuePickCard.kt

@@ -0,0 +1,9 @@
+package com.puzzle.domain.model.pick
+
+data class ValuePickCard(
+    val category: String = "",
+    val question: String = "",
+    val option1: String = "",
+    val option2: String = "",
+    val isSimilarToMe: Boolean = true,
+)

core/domain/src/main/java/com/puzzle/domain/model/value/ValueTalkCard.kt

@@ -0,0 +1,7 @@
+package com.puzzle.domain.model.value
+
+data class ValueTalkCard(
+    val label: String = "",
+    val title: String = "",
+    val content: String = "",
+)