// app/providers.tsx
// Client-side providers wrapped around the whole app. Currently just
// next-themes; QueryProvider already lives inside RootLayout so it
// stays as-is to keep the QueryClient boundary above the navbar.

"use client";

import { ThemeProvider } from "next-themes";
import type { ReactNode } from "react";

export default function Providers({ children }: { children: ReactNode }) {
  return (
    <ThemeProvider
      attribute="data-theme"
      defaultTheme="system"
      enableSystem
      disableTransitionOnChange={false}
    >
      {children}
    </ThemeProvider>
  );
}