style(fc): show scroll gradient at top of conversation always

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

flipchatApp/src/main/kotlin/xyz/flipchat/app/features/chat/conversation/ConversationMessages.kt

@@ -87,8 +87,9 @@ internal fun ConversationMessages(
                 modifier = Modifier
                     .fillMaxSize()
                     .verticalScrollStateGradient(
-                        lazyListState,
-                        color = CodeTheme.colors.background
+                        scrollState = lazyListState,
+                        color = CodeTheme.colors.background,
+                        showAtStartAlways = true
                     ),
                 messages = messages,
                 listState = lazyListState,

ui/components/src/main/kotlin/com/getcode/ui/utils/Modifier.kt

@@ -262,21 +262,23 @@ fun Modifier.verticalScrollStateGradient(
     scrollState: LazyListState,
     color: Color = Color.Unspecified,
     showAtStart: Boolean = true,
+    showAtStartAlways: Boolean = false,
     showAtEnd: Boolean = true,
+    showAtEndAlways: Boolean = false,
     isLongGradient: Boolean = false,
 ): Modifier = composed {
     val backgroundColor = color.takeOrElse { CodeTheme.colors.background }
     val gradientSizePx =
         with(LocalDensity.current) { gradientSize.toPx() } * if (isLongGradient) 1.5f else 1f
     this
-        .addIf(showAtStart && !scrollState.isScrolledToStart()) {
+        .addIf((showAtStart && !scrollState.isScrolledToStart()) || showAtStartAlways) {
             Modifier.drawWithGradient(
                 color = backgroundColor,
                 startY = { gradientSizePx },
                 endY = { 0f },
             )
         }
-        .addIf(showAtEnd && !scrollState.isScrolledToEnd()) {
+        .addIf((showAtEnd && !scrollState.isScrolledToEnd()) || showAtEndAlways) {
             Modifier.drawWithGradient(
                 color = backgroundColor,
                 startY = { size.height - gradientSizePx },