vulneribilty fixed

src/widgets/cabinet/ui/dashboard/StatsCards.tsx

@@ -1,6 +1,8 @@
+'use client';
 import React from 'react';
 import { TrendingUp, Calendar, Wallet, Loader2 } from 'lucide-react';
 import { useQuery } from '@tanstack/react-query';
+import { useTranslations } from 'next-intl';
 import { apiRequest } from '@/shared/request/apiRequest';
 import { links } from '@/shared/request/links';
 
@@ -54,6 +56,7 @@ const StatCardSkeleton = () => (
 // ─── Grid ──────────────────────────────────────────────────────────────────────
 
 export const StatsCards = () => {
+  const t = useTranslations('Cabinet');
   const { data, isLoading } = useQuery({
     queryKey: ['statistics'],
     queryFn: (): Promise<Stats> =>
@@ -74,7 +77,7 @@ export const StatsCards = () => {
     return (
       <div className="flex items-center justify-center py-10 gap-2 text-slate-400">
         <Loader2 size={18} className="animate-spin" />
-        <span className="text-sm">Ma&apos;lumot topilmadi</span>
+        <span className="text-sm">{t('noData')}</span>
       </div>
     );
   }
@@ -83,21 +86,21 @@ export const StatsCards = () => {
     <div className="grid grid-cols-2 lg:grid-cols-3 gap-4">
       <StatCard
         icon={TrendingUp}
-        label="Jami tekshiruvlar"
+        label={t('totalChecks')}
         value={String(data.total_documents)}
         iconColor="text-blue-600"
         iconBg="bg-blue-50"
       />
       <StatCard
         icon={Calendar}
-        label="Bu oy"
+        label={t('thisMonth')}
         value={String(data.this_month_documents)}
         iconColor="text-emerald-600"
         iconBg="bg-emerald-50"
       />
       <StatCard
         icon={Wallet}
-        label="To'langan summa"
+        label={t('paidAmount')}
         value={`${data.paid_price.toLocaleString('uz-UZ')} UZS`}
         iconColor="text-violet-600"
         iconBg="bg-violet-50"