added habit daily completion target (#26)

components/HabitCalendar.tsx

@@ -4,11 +4,12 @@ import { useState } from 'react'
 import { Calendar } from '@/components/ui/calendar'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
-import { d2s, getNow } from '@/lib/utils'
+import { d2s, getNow, t2d, getCompletedHabitsForDate } from '@/lib/utils'
 import { useAtom } from 'jotai'
 import { habitsAtom, settingsAtom } from '@/lib/atoms'
 import { DateTime } from 'luxon'
 import Linkify from './linkify'
+import { Habit } from '@/lib/types'
 
 export default function HabitCalendar() {
   const [settings] = useAtom(settingsAtom)
@@ -17,10 +18,11 @@ export default function HabitCalendar() {
   const habits = habitsData.habits
 
   const getHabitsForDate = (date: Date) => {
-    const dateString = date.toISOString().split('T')[0]
-    return habits.filter(habit =>
-      habit.completions.includes(dateString)
-    )
+    return getCompletedHabitsForDate({
+      habits,
+      date: DateTime.fromJSDate(date),
+      timezone: settings.system.timezone
+    })
   }
 
   return (
@@ -50,7 +52,7 @@ export default function HabitCalendar() {
           <CardHeader>
             <CardTitle>
               {selectedDate ? (
-                <>Habits for {d2s({ dateTime: selectedDate, timezone: settings.system.timezone })}</>
+                <>Habits for {d2s({ dateTime: selectedDate, timezone: settings.system.timezone, format: "yyyy-MM-dd" })}</>
               ) : (
                 'Select a date'
               )}
@@ -60,7 +62,7 @@ export default function HabitCalendar() {
             {selectedDate && (
               <ul className="space-y-2">
                 {habits.map((habit) => {
-                  const isCompleted = getHabitsForDate(selectedDate.toJSDate()).some(h => h.id === habit.id)
+                  const isCompleted = getHabitsForDate(selectedDate.toJSDate()).some((h: Habit) => h.id === habit.id)
                   return (
                     <li key={habit.id} className="flex items-center justify-between">
                       <span>