Fix FAQFull: Use isDraft boolean for draft filtering, fix Kontakt ID override

src/components/Header/index.tsx

@@ -9,7 +9,7 @@ import { Menu, X, MessageCircle } from "lucide-react";
 import { i18n } from '../../i18n.config';
 import { LocalizedLink } from '../LocalizedLink';
 
-export function Header({ navItems = [] }: { navItems?: any[] }) {
+export function Header({ navItems = [], whatsappNumber }: { navItems?: any[], whatsappNumber?: string | null }) {
   const pathname = usePathname();
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isScrolled, setIsScrolled] = useState(false);
@@ -24,6 +24,7 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
 
   const currentLocaleCode = (pathname?.split('/').filter(Boolean)[0]) || i18n.defaultLocale;
   const currentLocale = i18n.locales.find(l => l.code === currentLocaleCode) || i18n.locales[0];
+  const whatsappLink = whatsappNumber ? `https://wa.me/${whatsappNumber}` : '#';
 
   return (
     <>
@@ -139,15 +140,17 @@ export function Header({ navItems = [] }: { navItems?: any[] }) {
             <LanguageSwitcher />
           </div>
 
-          <Link 
-            href={process.env.NEXT_PUBLIC_WHATSAPP_NUMBER ? `https://wa.me/${process.env.NEXT_PUBLIC_WHATSAPP_NUMBER}` : '#'} 
-            target="_blank"
-            rel="noopener noreferrer"
-            className="flex items-center justify-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-4 rounded-none transition-colors w-full max-w-xs shadow-lg"
-          >
-            <MessageCircle size={24} />
-            <span className="font-bold text-lg">WhatsApp</span>
-          </Link>
+          {whatsappNumber && (
+            <Link 
+              href={whatsappLink} 
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center justify-center gap-2 bg-[#25D366] hover:bg-[#20bd5a] text-[#1C1B1A] px-8 py-4 rounded-none transition-colors w-full max-w-xs shadow-lg"
+            >
+              <MessageCircle size={24} />
+              <span className="font-bold text-lg">WhatsApp</span>
+            </Link>
+          )}
         </div>
       </div>
     </>