fix: dark mode event colors, sidebar height, calendar default, photo badge

- event-config: all bgClass/borderClass get dark:bg-*-950/50 + dark:border-*-800 variants — fixes bright pastel backgrounds in dark mode
- nav: h-screen → h-[100dvh] — fixes sidebar bottom buttons hidden behind mobile browser chrome
- calendar: selectedDay defaults to today, never null — events shown immediately on load
- timeline + dashboard: photo indicator (ImageIcon) on events with metadata.photo

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/lib/event-config.ts

@@ -32,8 +32,8 @@ export const EVENT_CONFIG: Record<
     icon: "Heart",
     color: "#f43f5e",
     colorClass: "text-rose-500",
-    bgClass: "bg-rose-50",
-    borderClass: "border-rose-200",
+    bgClass: "bg-rose-50 dark:bg-rose-950/50",
+    borderClass: "border-rose-200 dark:border-rose-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 15,
@@ -43,8 +43,8 @@ export const EVENT_CONFIG: Record<
     icon: "GlassWater",
     color: "#3b82f6",
     colorClass: "text-blue-500",
-    bgClass: "bg-blue-50",
-    borderClass: "border-blue-200",
+    bgClass: "bg-blue-50 dark:bg-blue-950/50",
+    borderClass: "border-blue-200 dark:border-blue-800",
     hasDuration: false,
     hasTimer: false,
   },
@@ -53,8 +53,8 @@ export const EVENT_CONFIG: Record<
     icon: "Milk",
     color: "#0891b2",
     colorClass: "text-cyan-600",
-    bgClass: "bg-cyan-50",
-    borderClass: "border-cyan-200",
+    bgClass: "bg-cyan-50 dark:bg-cyan-950/50",
+    borderClass: "border-cyan-200 dark:border-cyan-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 15,
@@ -64,8 +64,8 @@ export const EVENT_CONFIG: Record<
     icon: "Droplets",
     color: "#06b6d4",
     colorClass: "text-cyan-500",
-    bgClass: "bg-cyan-50",
-    borderClass: "border-cyan-200",
+    bgClass: "bg-cyan-50 dark:bg-cyan-950/50",
+    borderClass: "border-cyan-200 dark:border-cyan-800",
     hasDuration: false,
     hasTimer: false,
   },
@@ -74,8 +74,8 @@ export const EVENT_CONFIG: Record<
     icon: "CircleDot",
     color: "#d97706",
     colorClass: "text-amber-600",
-    bgClass: "bg-amber-50",
-    borderClass: "border-amber-200",
+    bgClass: "bg-amber-50 dark:bg-amber-950/50",
+    borderClass: "border-amber-200 dark:border-amber-800",
     hasDuration: false,
     hasTimer: false,
   },
@@ -84,8 +84,8 @@ export const EVENT_CONFIG: Record<
     icon: "Sunset",
     color: "#7c3aed",
     colorClass: "text-violet-600",
-    bgClass: "bg-violet-50",
-    borderClass: "border-violet-200",
+    bgClass: "bg-violet-50 dark:bg-violet-950/50",
+    borderClass: "border-violet-200 dark:border-violet-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 45,
@@ -95,8 +95,8 @@ export const EVENT_CONFIG: Record<
     icon: "Moon",
     color: "#4338ca",
     colorClass: "text-indigo-700",
-    bgClass: "bg-indigo-50",
-    borderClass: "border-indigo-200",
+    bgClass: "bg-indigo-50 dark:bg-indigo-950/50",
+    borderClass: "border-indigo-200 dark:border-indigo-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 480,
@@ -106,8 +106,8 @@ export const EVENT_CONFIG: Record<
     icon: "Pill",
     color: "#16a34a",
     colorClass: "text-green-600",
-    bgClass: "bg-green-50",
-    borderClass: "border-green-200",
+    bgClass: "bg-green-50 dark:bg-green-950/50",
+    borderClass: "border-green-200 dark:border-green-800",
     hasDuration: false,
     hasTimer: false,
   },
@@ -116,8 +116,8 @@ export const EVENT_CONFIG: Record<
     icon: "Thermometer",
     color: "#dc2626",
     colorClass: "text-red-600",
-    bgClass: "bg-red-50",
-    borderClass: "border-red-200",
+    bgClass: "bg-red-50 dark:bg-red-950/50",
+    borderClass: "border-red-200 dark:border-red-800",
     hasDuration: false,
     hasTimer: false,
   },
@@ -126,8 +126,8 @@ export const EVENT_CONFIG: Record<
     icon: "Bath",
     color: "#0284c7",
     colorClass: "text-sky-600",
-    bgClass: "bg-sky-50",
-    borderClass: "border-sky-200",
+    bgClass: "bg-sky-50 dark:bg-sky-950/50",
+    borderClass: "border-sky-200 dark:border-sky-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 10,
@@ -137,8 +137,8 @@ export const EVENT_CONFIG: Record<
     icon: "Footprints",
     color: "#65a30d",
     colorClass: "text-lime-600",
-    bgClass: "bg-lime-50",
-    borderClass: "border-lime-200",
+    bgClass: "bg-lime-50 dark:bg-lime-950/50",
+    borderClass: "border-lime-200 dark:border-lime-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 30,
@@ -148,8 +148,8 @@ export const EVENT_CONFIG: Record<
     icon: "Baby",
     color: "#d97706",
     colorClass: "text-amber-600",
-    bgClass: "bg-amber-50",
-    borderClass: "border-amber-200",
+    bgClass: "bg-amber-50 dark:bg-amber-950/50",
+    borderClass: "border-amber-200 dark:border-amber-800",
     hasDuration: true,
     hasTimer: true,
     defaultDurationMin: 5,
@@ -159,8 +159,8 @@ export const EVENT_CONFIG: Record<
     icon: "Activity",
     color: "#dc2626",
     colorClass: "text-red-600",
-    bgClass: "bg-red-50",
-    borderClass: "border-red-200",
+    bgClass: "bg-red-50 dark:bg-red-950/50",
+    borderClass: "border-red-200 dark:border-red-800",
     hasDuration: false,
     hasTimer: false,
   },