fix(web): add proper Vietnamese diacritics to all dashboard and listing pages

Vietnamese text throughout the frontend was missing accent marks (diacritics),
using plain ASCII instead of proper Unicode characters. Fixed all user-visible
text across dashboard, analytics, listings, search, and chart components.

Co-Authored-By: Paperclip <noreply@paperclip.ing>

apps/web/components/charts/district-bar-chart.tsx

@@ -27,8 +27,8 @@ export function DistrictBarChart({
   tooltipFormatter,
 }: DistrictBarChartProps) {
   const defaultFormatter: TooltipFormatter = (value, name) => [
-    name === dataKey ? `${value} tr/m2` : String(value),
-    name === dataKey ? 'Gia' : 'Tin dang',
+    name === dataKey ? `${value} tr/m²` : String(value),
+    name === dataKey ? 'Giá' : 'Tin đăng',
   ];
 
   return (

apps/web/components/charts/price-trend-chart.tsx

@@ -12,7 +12,7 @@ import {
 } from 'recharts';
 
 interface PriceTrendChartProps {
-  data: { period: string; 'Gia/m2': number; 'Tin dang': number }[];
+  data: { period: string; 'Gia/m2': number; 'Tin đăng': number }[];
   height?: number;
 }
 
@@ -37,7 +37,7 @@ export function PriceTrendChart({ data, height = 350 }: PriceTrendChartProps) {
             fontSize: '0.875rem',
           }}
           formatter={(value, name) => [
-            name === 'Gia/m2' ? `${value} tr/m2` : value,
+            name === 'Gia/m2' ? `${value} tr/m²` : value,
             name,
           ]}
         />
@@ -54,7 +54,7 @@ export function PriceTrendChart({ data, height = 350 }: PriceTrendChartProps) {
         <Line
           yAxisId="right"
           type="monotone"
-          dataKey="Tin dang"
+          dataKey="Tin đăng"
           stroke="hsl(var(--muted-foreground))"
           strokeWidth={1}
           strokeDasharray="5 5"