update lang

apps/spa/src/pages/ArticleReaderPage.tsx

@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react'
 import { useParams, Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
 import { API_BASE, type Article, type Category } from '../types'
 import Navbar from '../components/Navbar'
 import Footer from '../components/Footer'
@@ -7,12 +8,13 @@ import { ArrowLeft, Loader2 } from 'lucide-react'
 
 export default function ArticleReaderPage() {
   const { slug } = useParams()
+  const { i18n } = useTranslation()
   const [article, setArticle] = useState<Article | null>(null)
   const [categories, setCategories] = useState<Category[]>([])
   const [loading, setLoading] = useState(true)
 
   useEffect(() => {
-    fetch(`${API_BASE}/categories`).then(r => r.json()).then(setCategories).catch(console.error)
+    fetch(`${API_BASE}/categories?lang=${i18n.language}`).then(r => r.json()).then(setCategories).catch(console.error)
     fetch(`${API_BASE}/articles/${slug}`)
       .then(res => {
          if (!res.ok) throw new Error()
@@ -21,7 +23,7 @@ export default function ArticleReaderPage() {
       .then(setArticle)
       .catch(() => setArticle(null))
       .finally(() => setLoading(false))
-  }, [slug])
+  }, [slug, i18n.language])
 
   if (loading) return (
     <div className="min-h-screen flex items-center justify-center bg-black">