feat: optimize event capturing and playback accuracy

components/Header.tsx

@@ -46,10 +46,22 @@ export default function Header() {
     return segments.join('/');
   };
 
+  const [productsSlug, setProductsSlug] = useState('products');
+
+  useEffect(() => {
+    // We can't use mapFileSlugToTranslated directly in client components easily without an API or similar
+    // For now, let's just check the locale
+    if (currentLocale === 'de') {
+      setProductsSlug('produkte');
+    } else {
+      setProductsSlug('products');
+    }
+  }, [currentLocale]);
+
   const menuItems = [
     { label: t('home'), href: '/' },
     { label: t('team'), href: '/team' },
-    { label: t('products'), href: '/products' },
+    { label: t('products'), href: `/${productsSlug}` },
     { label: t('blog'), href: '/blog' },
   ];