make skills cards expandable

DBTApp/app/src/main/java/de/cdaut/dbtapp/components/SkillsList.kt

@@ -1,5 +1,6 @@
 package de.cdaut.dbtapp.components
 
+import androidx.annotation.StringRes
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
@@ -21,6 +22,8 @@ import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowDropDown
+import androidx.compose.material.icons.filled.ArrowDropUp
 import androidx.compose.material.icons.filled.Star
 import androidx.compose.material.icons.outlined.Star
 import androidx.compose.material.icons.outlined.StarOutline
@@ -66,17 +69,36 @@ private fun SkillsCategoryCardPrev() {
 
 @Composable
 fun SkillsCategoryCard(skills: List<Skill>, title: String) {
+    var enabled by remember {
+        mutableStateOf(false)
+    }
+
     Card(
         Modifier
             .fillMaxWidth()
             .padding(10.dp)
     ) {
-        TitleText(
-            modifier = Modifier.padding(10.dp),
-            content = title
-        )
-        skills.forEach { skill ->
-            SingleSkillCard(skill.title, skill.description)
+        Row(
+            verticalAlignment = Alignment.CenterVertically,
+            horizontalArrangement = Arrangement.SpaceBetween,
+            modifier = Modifier.fillMaxWidth()
+        ) {
+            TitleText(
+                modifier = Modifier.padding(10.dp),
+                content = title
+            )
+            Icon(
+                modifier = Modifier
+                    .padding(5.dp)
+                    .clickable(onClick = { enabled = !enabled }),
+                imageVector = if (enabled) Icons.Filled.ArrowDropUp else Icons.Filled.ArrowDropDown,
+                contentDescription = stringResource(R.string.desc_btn_expand)
+            )
+        }
+        if (enabled) {
+            skills.forEach { skill ->
+                SingleSkillCard(skill.title, skill.description)
+            }
         }
     }
 }

DBTApp/app/src/main/res/values-de/strings.xml

@@ -8,4 +8,5 @@
     <string name="label_skillschains">Skillsketten</string>
     <string name="emergency_button_description">Notfallknopf</string>
     <string name="desc_btn_fav">Favorisieren Button</string>
+    <string name="desc_btn_expand">Ausklappen</string>
 </resources>

DBTApp/app/src/main/res/values/strings.xml

@@ -7,4 +7,5 @@
     <string name="label_skillschains">Skills Chains</string>
     <string name="emergency_button_description">Emergency Button</string>
     <string name="desc_btn_fav">Favourte Button</string>
+    <string name="desc_btn_expand">Expand</string>
 </resources>