Оптимизирована производительность React компонентов с помощью мемоизации

КРИТИЧНЫЕ КОМПОНЕНТЫ ОПТИМИЗИРОВАНЫ:
• AdminDashboard (346 kB) - добавлены React.memo, useCallback, useMemo
• SellerStatisticsDashboard (329 kB) - мемоизация кэша и callback функций
• CreateSupplyPage (276 kB) - оптимизированы вычисления и обработчики
• EmployeesDashboard (268 kB) - мемоизация списков и функций
• SalesTab + AdvertisingTab - React.memo обертка

ТЕХНИЧЕСКИЕ УЛУЧШЕНИЯ:
✅ React.memo() для предотвращения лишних рендеров
✅ useMemo() для тяжелых вычислений
✅ useCallback() для стабильных ссылок на функции
✅ Мемоизация фильтрации и сортировки списков
✅ Оптимизация пропсов в компонентах-контейнерах

РЕЗУЛЬТАТЫ:
• Все компоненты успешно компилируются
• Линтер проходит без критических ошибок
• Сохранена вся функциональность
• Улучшена производительность рендеринга
• Снижена нагрузка на React дерево

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/economics/wholesale-economics-page.tsx

@@ -1,59 +1,50 @@
-"use client";
+'use client'
 
-import { useAuth } from "@/hooks/useAuth";
-import { Sidebar } from "@/components/dashboard/sidebar";
-import { useSidebar } from "@/hooks/useSidebar";
-import { Card } from "@/components/ui/card";
-import { BarChart3 } from "lucide-react";
+import { BarChart3 } from 'lucide-react'
+
+import { Sidebar } from '@/components/dashboard/sidebar'
+import { Card } from '@/components/ui/card'
+import { useAuth } from '@/hooks/useAuth'
+import { useSidebar } from '@/hooks/useSidebar'
 
 export function WholesaleEconomicsPage() {
-  const { user } = useAuth();
-  const { getSidebarMargin } = useSidebar();
+  const { user } = useAuth()
+  const { getSidebarMargin } = useSidebar()
 
   const getOrganizationName = () => {
     if (user?.organization?.name) {
-      return user.organization.name;
+      return user.organization.name
     }
     if (user?.organization?.fullName) {
-      return user.organization.fullName;
+      return user.organization.fullName
     }
-    return "Вашей организации";
-  };
+    return 'Вашей организации'
+  }
 
   return (
     <div className="h-screen flex overflow-hidden">
       <Sidebar />
-      <main
-        className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}
-      >
+      <main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
         <div className="p-8">
           {/* Заголовок страницы */}
           <div className="mb-8">
-            <h1 className="text-3xl font-bold text-white mb-2">
-              Экономика поставщика
-            </h1>
-            <p className="text-white/60">
-              Финансовые показатели {getOrganizationName()}
-            </p>
+            <h1 className="text-3xl font-bold text-white mb-2">Экономика поставщика</h1>
+            <p className="text-white/60">Финансовые показатели {getOrganizationName()}</p>
           </div>
 
           {/* Карточка-заглушка */}
           <Card className="bg-white/10 backdrop-blur border-white/20 p-6">
             <div className="flex items-center space-x-3 mb-4">
               <BarChart3 className="h-8 w-8 text-blue-400" />
-              <h3 className="text-xl font-semibold text-white">
-                Экономические показатели
-              </h3>
+              <h3 className="text-xl font-semibold text-white">Экономические показатели</h3>
             </div>
             <div className="space-y-2">
-              <p className="text-white font-medium">
-                Раздел находится в разработке
-              </p>
+              <p className="text-white font-medium">Раздел находится в разработке</p>
               <p className="text-white/60 text-sm">Будет добавлен позже</p>
             </div>
           </Card>
         </div>
       </main>
     </div>
-  );
+  )
 }