Added jotai (#14)

* Added jotai

* cache settings by using jotai state

* use hydrateAtom with SSR

* remove useSettings

* fix test

hooks/useHabits.tsx

@@ -1,15 +1,16 @@
 import { useState, useEffect } from 'react'
-import { useSettings } from '@/hooks/useSettings'
 import { loadHabitsData, saveHabitsData, addCoins, removeCoins } from '@/app/actions/data'
 import { toast } from '@/hooks/use-toast'
 import { ToastAction } from '@/components/ui/toast'
 import { Undo2 } from 'lucide-react'
 import { Habit } from '@/lib/types'
 import { getNowInMilliseconds, getTodayInTimezone } from '@/lib/utils'
+import { useAtom } from 'jotai'
+import { settingsAtom } from '@/lib/atoms'
 
 export function useHabits() {
   const [habits, setHabits] = useState<Habit[]>([])
-  const { settings } = useSettings()
+  const [settings] = useAtom(settingsAtom)
 
   useEffect(() => {
     fetchHabits()

hooks/useSettings.ts

@@ -1,23 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { getDefaultSettings, Settings } from '@/lib/types'
-import { loadSettings, saveSettings } from '@/app/actions/data'
-
-export function useSettings() {
-  const [settings, setSettings] = useState<Settings>(getDefaultSettings()) // TODO: do we need to initialize the settings here?
-
-  useEffect(() => {
-    loadSettings().then(setSettings)
-  }, [])
-
-  const updateSettings = async (newSettings: Settings) => {
-    await saveSettings(newSettings)
-    setSettings(newSettings)
-  }
-
-  return {
-    settings,
-    updateSettings,
-  }
-}