Add linked ingredients to recipe step (#177)

* Add Compose to app module

* Move Theme to ui module

* Add Coil image loader

* Use Compose for recipe screen

* Save instruction to ingredient relation to DB

* Display ingredients as server formats them

* Display linked ingredients under each step

* Fix ingredients padding

* Show recipe full screen

* Fix recipe screen UI issues

* Hide keyboard on recipe navigation

* Fix loading recipes from DB with no instructions or ingredients

* Add instructions section title

* Add ingredients section title

* Remove unused view holders

ui/build.gradle.kts

@@ -1,5 +1,7 @@
 plugins {
     id("gq.kirmanak.mealient.library")
+    alias(libs.plugins.ksp)
+    id("gq.kirmanak.mealient.compose")
     id("kotlin-kapt")
     id("dagger.hilt.android.plugin")
 }
@@ -14,6 +16,8 @@ dependencies {
     kaptTest(libs.google.dagger.hiltAndroidCompiler)
     testImplementation(libs.google.dagger.hiltAndroidTesting)
 
+    implementation(libs.android.material.material)
+
     testImplementation(libs.androidx.test.junit)
 
     testImplementation(libs.google.truth)

ui/src/main/kotlin/gq/kirmanak/mealient/ui/Theme.kt

@@ -0,0 +1,48 @@
+package gq.kirmanak.mealient.ui
+
+import android.os.Build
+import androidx.compose.foundation.isSystemInDarkTheme
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.darkColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.unit.dp
+import com.google.android.material.color.DynamicColors
+
+@Composable
+fun AppTheme(
+    isDarkTheme: Boolean = isSystemInDarkTheme(),
+    isDynamicColor: Boolean = DynamicColors.isDynamicColorAvailable(),
+    content: @Composable () -> Unit
+) {
+    val colorScheme = when {
+        Build.VERSION.SDK_INT < Build.VERSION_CODES.S || !isDynamicColor -> {
+            if (isDarkTheme) darkColorScheme() else lightColorScheme()
+        }
+        isDarkTheme -> {
+            dynamicDarkColorScheme(LocalContext.current)
+        }
+        else -> {
+            dynamicLightColorScheme(LocalContext.current)
+        }
+    }
+
+    MaterialTheme(
+        colorScheme = colorScheme,
+        content = content
+    )
+}
+
+object Dimens {
+
+    val Small = 8.dp
+
+    val Intermediate = 12.dp
+
+    val Medium = 16.dp
+
+    val Large = 24.dp
+}