style: increase badge size on home screen for unread chats (#1023)

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

Author: bmc08gt

apps/flipcash/core/src/main/kotlin/com/flipcash/app/core/ui/NavigationBar.kt

@@ -182,6 +182,7 @@ private fun BottomBarAction(
                 Badge(
                     count = badgeCount,
                     color = CodeTheme.colors.indicator,
+                    scale = 1.275f,
                     enterTransition = scaleIn(
                         animationSpec = tween(
                             durationMillis = 300,

ui/components/src/main/kotlin/com/getcode/ui/components/Badge.kt

@@ -44,6 +44,7 @@ fun Badge(
     color: Color = CodeTheme.colors.brand,
     contentColor: Color = Color.White,
     textStyle: TextStyle = CodeTheme.typography.caption.copy(fontWeight = FontWeight.SemiBold),
+    scale: Float = 1f,
     enterTransition: EnterTransition = scaleIn(tween(durationMillis = 300)) + fadeIn(),
     exitTransition: ExitTransition = fadeOut() + scaleOut(tween(durationMillis = 300))
 ) {
@@ -59,17 +60,24 @@ fun Badge(
             else -> "$count"
         }
 
+        val scaledTextStyle = if (scale == 1f) textStyle else textStyle.copy(
+            fontSize = textStyle.fontSize * scale
+        )
+
         Box(
             modifier = Modifier
                 .squareMinSize()
                 .clip(CircleShape)
                 .background(color)
-                .padding(horizontal = CodeTheme.dimens.grid.x1, vertical = 3.dp),
+                .padding(
+                    horizontal = CodeTheme.dimens.grid.x1 * scale,
+                    vertical = 3.dp * scale,
+                ),
             contentAlignment = Alignment.Center
         ) {
             Text(
                 text = text,
-                style = textStyle,
+                style = scaledTextStyle,
                 color = contentColor,
             )
         }