"use client"; import { useTheme } from "@/app/context/ThemeContext"; import { useState, useEffect } from "react"; import { useTranslation } from "@/i18n/navigation"; export default function ThemeToggle() { const { theme, toggleTheme } = useTheme(); const { t } = useTranslation("common"); const isDark = theme === "dark"; const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); }, []); if (!mounted) { return ( ); } return ( ); }