[dyad] Fixing a client/server component error - wrote 2 file(s)

src/components/providers.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { ThemeProvider } from "@/components/theme-provider";
+import { I18nProviderClient } from "@/lib/i18n/client";
+import { Toaster } from "@/components/ui/sonner";
+import { Footer } from "@/components/footer";
+
+export function Providers({
+  children,
+  locale,
+}: {
+  children: React.ReactNode;
+  locale: string;
+}) {
+  return (
+    <I18nProviderClient locale={locale}>
+      <ThemeProvider
+        attribute="class"
+        defaultTheme="system"
+        enableSystem
+        disableTransitionOnChange
+      >
+        {children}
+        <Footer />
+        <Toaster />
+      </ThemeProvider>
+    </I18nProviderClient>
+  );
+}