feat: implement dark mode

src/hooks/useLocalStorage.tsx

@@ -0,0 +1,20 @@
+import { useEffect, useState } from "react"
+
+export const useLocalStorage = (name: string, initialValue: string) => {
+  const windowGlobal = typeof window !== "undefined" && window
+  const [value, setValue] = useState(() => {
+    if (windowGlobal) {
+      const currentValue = windowGlobal.localStorage.getItem(name)
+      return currentValue ? JSON.parse(currentValue) : initialValue
+    }
+    return initialValue
+  })
+
+  useEffect(() => {
+    if (windowGlobal) {
+      windowGlobal.localStorage.setItem(name, JSON.stringify(value))
+    }
+  }, [name, value, windowGlobal])
+
+  return [value, setValue]
+}

src/hooks/useTheme.tsx

@@ -0,0 +1,12 @@
+import { useContext } from "react"
+import { IThemeContext, ThemeContext } from "../ThemeProvider"
+
+export default function useTheme(): IThemeContext {
+  const themeContext = useContext(ThemeContext)
+
+  if (!themeContext) {
+    throw Error("Need context")
+  }
+
+  return themeContext
+}