fix update Section Block

apps/website/src/components/ProductCard.tsx

@@ -1,7 +1,11 @@
+"use client"
+
 import Link from 'next/link'
 import type { Product } from '@homaroma/types'
 import { getCategoryImage, formatPrice } from '@homaroma/types'
 import { resolveLocalized } from '../lib/localization'
+import { useTranslation } from 'react-i18next'
+import { useLang } from '../hooks/useLang'
 import WishlistButton from './WishlistButton'
 
 interface ProductCardProps {
@@ -9,8 +13,10 @@ interface ProductCardProps {
 }
 
 export default function ProductCard({ product }: ProductCardProps) {
-  const categoryName = resolveLocalized(product.category.name)
-  const productName = resolveLocalized(product.name) || product.scent.name
+  const { i18n } = useTranslation()
+  const lang = useLang()
+  const categoryName = resolveLocalized(product.category.name, lang)
+  const productName = resolveLocalized(product.name, lang) || product.scent.name
   const imageUrl = product.images?.[0]?.url || product.category.imageUrl || getCategoryImage(categoryName)
   const firstPrice = product.variants[0]?.price ?? product.price