Added jotai (#14)

* Added jotai

* cache settings by using jotai state

* use hydrateAtom with SSR

* remove useSettings

* fix test

components/HabitCalendar.tsx

@@ -8,11 +8,12 @@ import { Badge } from '@/components/ui/badge'
 import { loadHabitsData } from '@/app/actions/data'
 import { Habit } from '@/lib/types'
 import { d2s, getNow } from '@/lib/utils'
-import { useSettings } from '@/hooks/useSettings'
+import { useAtom } from 'jotai'
+import { settingsAtom } from '@/lib/atoms'
 import { DateTime } from 'luxon'
 
 export default function HabitCalendar() {
-  const { settings } = useSettings()
+  const [settings] = useAtom(settingsAtom)
   const [selectedDate, setSelectedDate] = useState<DateTime>(getNow({ timezone: settings.system.timezone }))
   const [habits, setHabits] = useState<Habit[]>([])
 
@@ -20,12 +21,6 @@ export default function HabitCalendar() {
     fetchHabitsData()
   }, [])
 
-  // Update selectedDate when timezone changes
-  useEffect(() => {
-    const now = getNow({ timezone: settings.system.timezone })
-    setSelectedDate(now)
-  }, [settings])
-
   const fetchHabitsData = async () => {
     const data = await loadHabitsData()
     setHabits(data.habits)
@@ -50,7 +45,7 @@ export default function HabitCalendar() {
             <Calendar
               mode="single"
               selected={selectedDate.toJSDate()}
-              onSelect={(e) => e && setSelectedDate(DateTime.fromJSDate(e))}
+              // onSelect={(e) => e && setSelectedDate(DateTime.fromJSDate(e))}
               className="rounded-md border"
               modifiers={{
                 completed: (date) => getHabitsForDate(date).length > 0,
@@ -65,7 +60,7 @@ export default function HabitCalendar() {
           <CardHeader>
             <CardTitle>
               {selectedDate ? (
-                <>Habits for {d2s({ dateTime: selectedDate })}</>
+                <>Habits for {d2s({ dateTime: selectedDate, timezone: settings.system.timezone })}</>
               ) : (
                 'Select a date'
               )}