feat: add a new month banner in the tasks list of the calendar

This improves the user experience by making it easier to keep track of where they are.

I also deleted a not used drawable.

Author: Markel15

feature/calendar/src/main/java/com/markel/flowstate/feature/calendar/components/taskslist/DailyTasksSection.kt

@@ -35,7 +35,7 @@ import java.util.Locale
 import androidx.compose.ui.platform.LocalLocale
 import java.time.temporal.WeekFields
 
-private const val DAYS_AHEAD = 90
+private const val DAYS_AHEAD = 180
 private val DAY_COLUMN_WIDTH = 56.dp
 private val firstDayOfWeek: DayOfWeek
     get() = WeekFields.of(Locale.getDefault()).firstDayOfWeek
@@ -48,7 +48,8 @@ private data class WeekBlock(
 
 private data class DayBlock(
     val date: LocalDate,
-    val tasks: List<Task>
+    val tasks: List<Task>,
+    val isFirstOfMonth: Boolean = false
 )
 
 @Composable
@@ -87,28 +88,31 @@ private fun WeekSection(
     week: WeekBlock,
     onTaskToggle: (Task) -> Unit
 ) {
-    Row(
-        modifier = Modifier
-            .fillMaxWidth()
-            .padding(top = 12.dp),
-        verticalAlignment = Alignment.CenterVertically
-    ) {
-        // Left column spacer — keeps week label aligned with task cards
-        Spacer(modifier = Modifier.width(DAY_COLUMN_WIDTH))
-
-        // Week label sits directly above its day rows, in the same column as the cards
-        Text(
-            text = week.label,
-            style = MaterialTheme.typography.labelMedium.copy(fontWeight = FontWeight.Medium),
-            color = MaterialTheme.colorScheme.onSurfaceVariant,
-        )
-    }
+    Column {
+        Row(
+            modifier = Modifier.fillMaxWidth().padding(top = 12.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            // Left column spacer — keeps week label aligned with task cards
+            Spacer(modifier = Modifier.width(DAY_COLUMN_WIDTH))
+            // Week label sits directly above its day rows, in the same column as the cards
+            Text(
+                text = week.label,
+                style = MaterialTheme.typography.labelMedium,
+                color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.8f),
+            )
+        }
 
-    Spacer(modifier = Modifier.height(6.dp))
+        Spacer(modifier = Modifier.height(6.dp))
 
-    if (week.days.isNotEmpty()) {
         week.days.forEach { day ->
-            DayRow(day = day, onTaskToggle = onTaskToggle)
+            if (day.isFirstOfMonth) {
+                MonthBanner(day.date)
+            }
+
+            if (day.tasks.isNotEmpty()) {
+                DayRow(day = day, onTaskToggle = onTaskToggle)
+            }
         }
     }
 }
@@ -194,24 +198,28 @@ private fun buildWeekBlocks(
     var weekStart = startDate.with(TemporalAdjusters.previousOrSame(firstDayOfWeek))
 
     while (weekStart <= endDate) {
-        val weekEnd = weekStart.plusDays(6)
-        val days = (0L..6L)
-            .map { weekStart.plusDays(it) }
-            .filter { it in startDate..endDate }
-            .mapNotNull { day ->
-                tasksByDate[day]?.takeIf { it.isNotEmpty() }?.let { DayBlock(day, it) }
-            }
-
-        blocks.add(
-            WeekBlock(
-                weekKey = weekKeyFor(weekStart),
-                label = buildWeekLabel(weekStart, weekEnd),
-                days = days
+        val days = (0L..6L).map { offset ->
+            val dayDate = weekStart.plusDays(offset)
+            val tasks = tasksByDate[dayDate] ?: emptyList()
+
+            DayBlock(
+                date = dayDate,
+                tasks = tasks,
+                isFirstOfMonth = dayDate.dayOfMonth == 1
             )
-        )
+        }.filter { it.date in startDate..endDate }
+
+        if (days.isNotEmpty()) {
+            blocks.add(
+                WeekBlock(
+                    weekKey = weekKeyFor(weekStart),
+                    label = buildWeekLabel(weekStart, weekStart.plusDays(6)),
+                    days = days
+                )
+            )
+        }
         weekStart = weekStart.plusWeeks(1)
     }
-
     return blocks
 }
 

feature/calendar/src/main/java/com/markel/flowstate/feature/calendar/components/taskslist/MonthBanner.kt

@@ -0,0 +1,56 @@
+package com.markel.flowstate.feature.calendar.components.taskslist
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalLocale
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import java.time.LocalDate
+import java.time.format.TextStyle
+
+@Composable
+fun MonthBanner(date: LocalDate) {
+    val monthName = date.month
+        .getDisplayName(TextStyle.FULL, LocalLocale.current.platformLocale)
+        .uppercase()
+
+    Box(
+        modifier = Modifier
+            .fillMaxWidth()
+            .padding(horizontal = 16.dp, vertical = 20.dp)
+            .background(
+                color = MaterialTheme.colorScheme.secondaryContainer.copy(alpha = 0.7f),
+                shape = RoundedCornerShape(topStart = 28.dp, bottomEnd = 28.dp, topEnd = 4.dp, bottomStart = 4.dp)
+            )
+            .padding(16.dp)
+    ) {
+        Row(verticalAlignment = Alignment.CenterVertically) {
+            Text(
+                text = monthName,
+                style = MaterialTheme.typography.headlineSmall.copy(
+                    fontWeight = FontWeight.Black,
+                    letterSpacing = 2.sp
+                ),
+                color = MaterialTheme.colorScheme.onSurface.copy(alpha=0.9f)
+            )
+            Spacer(modifier = Modifier.width(8.dp))
+            Text(
+                text = date.year.toString(),
+                style = MaterialTheme.typography.bodyLarge,
+                color = MaterialTheme.colorScheme.onSecondaryContainer
+            )
+        }
+    }
+}