big upgrade

src/components/ThemeProvider.tsx

@@ -0,0 +1,20 @@
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import type { ThemeProviderProps as NextThemeProviderProps } from "next-themes";
+
+export interface ThemeProviderProps extends Omit<NextThemeProviderProps, "children"> {
+  children: React.ReactNode;
+}
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+  return (
+    <NextThemesProvider
+      attribute="class"
+      defaultTheme="system"
+      enableSystem={true}
+      storageKey="theme"
+      {...props}
+    >
+      {children}
+    </NextThemesProvider>
+  );
+}