fix(map): use useRef for hover timeout to prevent flyout flicker and immediate disappearance

components/blocks/InteractiveGermanyMap.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import { motion, AnimatePresence } from 'framer-motion';
 import { MapPin, Factory, Zap, CheckCircle2, ArrowUpRight } from 'lucide-react';
 import Image from 'next/image';
@@ -38,10 +38,13 @@ export function InteractiveGermanyMap({
   hideStandorte = false
 }: InteractiveGermanyMapProps) {
   const [activeLocation, setActiveLocation] = useState<Location | null>(null);
-  const [hoverTimeout, setHoverTimeout] = useState<NodeJS.Timeout | null>(null);
+  const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
 
   const handleMouseEnter = (loc: Location) => {
-    if (hoverTimeout) clearTimeout(hoverTimeout);
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+      hoverTimeoutRef.current = null;
+    }
     setActiveLocation(loc);
   };
 
@@ -49,7 +52,7 @@ export function InteractiveGermanyMap({
     const timeout = setTimeout(() => {
       setActiveLocation(null);
     }, 200);
-    setHoverTimeout(timeout);
+    hoverTimeoutRef.current = timeout;
   };
 
   const router = useRouter();