UI: Add multipreview annotation ComponentPreviewLightDark (#70)

core/design-system/src/main/kotlin/xyz/ksharma/krail/design/system/components/Text.kt

@@ -1,5 +1,7 @@
 package xyz.ksharma.krail.design.system.components
 
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.text.BasicText
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
@@ -8,7 +10,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.tooling.preview.PreviewLightDark
+import xyz.ksharma.krail.design.system.preview.ComponentPreviewLightDark
 import xyz.ksharma.krail.design.system.theme.KrailTheme
 
 val LocalTextStyle = compositionLocalOf { TextStyle.Default }
@@ -39,13 +41,15 @@ fun Text(
     }
 }
 
-@PreviewLightDark
+@ComponentPreviewLightDark
 @Composable
 private fun TextPreview() {
     KrailTheme {
-        Text(text = "Hello World!")
-        Text(text = "Hello World!", style = KrailTheme.typography.displayLarge)
-        Text(text = "Hello World!", style = KrailTheme.typography.displayMedium)
-        Text(text = "Hello World!", style = KrailTheme.typography.displaySmall)
+        Column(modifier = Modifier.background(color = KrailTheme.colors.background)) {
+            Text(text = "Typography")
+            Text(text = "DisplayLarge", style = KrailTheme.typography.displayLarge)
+            Text(text = "displayMedium", style = KrailTheme.typography.displayMedium)
+            Text(text = "displaySmall", style = KrailTheme.typography.displaySmall)
+        }
     }
 }

core/design-system/src/main/kotlin/xyz/ksharma/krail/design/system/preview/MultiPreviewAnnotations.kt

@@ -0,0 +1,17 @@
+package xyz.ksharma.krail.design.system.preview
+
+import android.content.res.Configuration.UI_MODE_NIGHT_YES
+import android.content.res.Configuration.UI_MODE_TYPE_NORMAL
+import androidx.compose.ui.tooling.preview.Preview
+
+/**
+ * A MultiPreview annotation for displaying a component using light and dark themes.
+ */
+@Retention(AnnotationRetention.BINARY)
+@Target(
+    AnnotationTarget.ANNOTATION_CLASS,
+    AnnotationTarget.FUNCTION
+)
+@Preview(name = "Light", showBackground = true)
+@Preview(name = "Dark", uiMode = UI_MODE_NIGHT_YES or UI_MODE_TYPE_NORMAL, showBackground = true)
+annotation class ComponentPreviewLightDark