Support multiple languages

frontend/src/pages/app/settings/team/TeamPage.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Users, Plus, Search, Shield, Trash2, Crown, UserCheck } from 'lucide-react';
 import { Button, Card, Input, StatusCard, getStatusColor, StatsGrid } from '../../../../components/ui';
 import AddTeamMemberModal from '../../../../components/domain/team/AddTeamMemberModal';
@@ -11,6 +12,7 @@ import { useToast } from '../../../../hooks/ui/useToast';
 import { TENANT_ROLES } from '../../../../types/roles';
 
 const TeamPage: React.FC = () => {
+  const { t } = useTranslation(['settings']);
   const { addToast } = useToast();
   const currentUser = useAuthUser();
   const currentTenant = useCurrentTenant();
@@ -299,8 +301,8 @@ const TeamPage: React.FC = () => {
   return (
     <div className="p-6 space-y-6">
       <PageHeader
-        title="Gestión de Equipo"
-        description="Administra los miembros del equipo, roles y permisos"
+        title={t('settings:team.title', 'Gestión de Equipo')}
+        description={t('settings:team.description', 'Administra los miembros del equipo, roles y permisos')}
         actions={
           canManageTeam ? [{
             id: 'add-member',