fix update Section Block

apps/website/src/components/dynamic/DynamicPageRenderer.tsx

@@ -1,14 +1,17 @@
+"use client"
+
 import Link from 'next/link'
 import { Clock, Mail, MapPin, MessageCircle } from 'lucide-react'
 import type { Category, PageSection, Product } from '@homaroma/types'
 import { getCategoryImage } from '@homaroma/types'
 import ProductCard from '../ProductCard'
 import { localizedFromRecord, resolveLocalized, toRecord } from '../../lib/localization'
+import { useLang } from '../../hooks/useLang'
 
 type DynamicPageRendererProps = {
   sections: PageSection[]
   categories: Category[]
-  lang?: string
+  lang?: string  // optional override; defaults to i18n.language
 }
 
 function categoryName(category: Category, lang: string) {
@@ -540,7 +543,10 @@ function ContactInfoSection({ payload }: { payload: Record<string, unknown> }) {
   )
 }
 
-export default function DynamicPageRenderer({ sections, categories, lang = 'th' }: DynamicPageRendererProps) {
+export default function DynamicPageRenderer({ sections, categories, lang: langProp }: DynamicPageRendererProps) {
+  const i18nLang = useLang()
+  // Use i18n.language reactively — switches immediately when user changes language
+  const lang = langProp ?? i18nLang
   return (
     <div className="flex w-full flex-col">
       {sections.map((section) => {