chore: migrate to payload / nextjs

src/providers/HeaderTheme/index.tsx

@@ -0,0 +1,33 @@
+'use client'
+
+import type { Theme } from '@/providers/Theme/types'
+
+import React, { createContext, useCallback, use, useState } from 'react'
+
+import canUseDOM from '@/utilities/canUseDOM'
+
+export interface ContextType {
+  headerTheme?: Theme | null
+  setHeaderTheme: (theme: Theme | null) => void
+}
+
+const initialContext: ContextType = {
+  headerTheme: undefined,
+  setHeaderTheme: () => null,
+}
+
+const HeaderThemeContext = createContext(initialContext)
+
+export const HeaderThemeProvider = ({ children }: { children: React.ReactNode }) => {
+  const [headerTheme, setThemeState] = useState<Theme | undefined | null>(
+    canUseDOM ? (document.documentElement.getAttribute('data-theme') as Theme) : undefined,
+  )
+
+  const setHeaderTheme = useCallback((themeToSet: Theme | null) => {
+    setThemeState(themeToSet)
+  }, [])
+
+  return <HeaderThemeContext value={{ headerTheme, setHeaderTheme }}>{children}</HeaderThemeContext>
+}
+
+export const useHeaderTheme = (): ContextType => use(HeaderThemeContext)