Redesign Day View entries with eye-catching card design

- Add gradient circle backgrounds for mood icons with colored shadows
- Use white icons on gradient backgrounds for better contrast
- Add pill-shaped mood label badges with color coding
- Implement card design with shadows and subtle borders
- Add chevron indicator for tappability
- Update section headers with calendar icon and rounded font
- Increase spacing between entries for better visual separation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Shared/Views/DayView/DayView.swift

@@ -147,19 +147,25 @@ struct DayView: View {
 // view that make up the list body
 extension DayView {
     private func SectionHeaderView(month: Int, year: Int) -> some View {
-        HStack {
+        HStack(spacing: 10) {
+            // Calendar icon
+            Image(systemName: "calendar")
+                .font(.system(size: 16, weight: .semibold))
+                .foregroundColor(textColor.opacity(0.6))
+
             Text("\(Random.monthName(fromMonthInt: month)) \(String(year))")
-                .font(.title2.bold())
+                .font(.system(size: 20, weight: .bold, design: .rounded))
                 .foregroundColor(textColor)
+
             Spacer()
         }
         .padding(.horizontal, 16)
-        .padding(.vertical, 12)
+        .padding(.vertical, 14)
         .background(.ultraThinMaterial)
     }
 
     private func monthListView(month: Int, year: Int, entries: [MoodEntry]) -> some View {
-        VStack(spacing: 8) {
+        VStack(spacing: 12) {
             // for reach all entries
             ForEach(entries.sorted(by: {
                 return $0.forDate! > $1.forDate!
@@ -175,6 +181,7 @@ extension DayView {
             }
         }
         .padding(.horizontal, 12)
+        .padding(.top, 8)
     }
 }