init

frontend/src/App.tsx

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
 import { BrowserRouter, Routes, Route, Navigate, useLocation } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 import Login from './pages/Login';
 import FamilyView from './pages/FamilyView';
 import AdminPanel from './pages/AdminPanel';
@@ -10,6 +11,7 @@ import { authApi } from './api/client';
 import { Loader2 } from 'lucide-react';
 
 function AppContent() {
+  const { t } = useTranslation();
   const { user, isAuthenticated, isLoading, setUser, setIsLoading } = useStore();
   const location = useLocation();
 
@@ -41,7 +43,7 @@ function AppContent() {
       <div className="min-h-screen flex items-center justify-center gradient-bg">
         <div className="flex items-center gap-3 text-white">
           <Loader2 className="w-8 h-8 animate-spin" />
-          <span className="text-xl font-medium">Загрузка...</span>
+          <span className="text-xl font-medium">{t('common.loading')}</span>
         </div>
       </div>
     );