feat: модульная архитектура sidebar и улучшения навигации

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

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

src/components/supplies/multilevel-supplies-table/GoodsSuppliesV2Container.tsx

@@ -0,0 +1,49 @@
+'use client'
+
+import React from 'react'
+
+import { MultiLevelSuppliesTableV2 } from './v2-index'
+
+// Контейнерный компонент для V2 товарных поставок с автоматическим GraphQL
+// Используется как простая замена для существующих компонентов
+export interface GoodsSuppliesV2ContainerProps {
+  userRole?: 'SELLER' | 'WHOLESALE' | 'FULFILLMENT' | 'LOGIST'
+  activeTab?: string
+  className?: string
+}
+
+export function GoodsSuppliesV2Container({
+  userRole = 'SELLER',
+  activeTab,
+  className = '',
+}: GoodsSuppliesV2ContainerProps) {
+  return (
+    <div className={`goods-supplies-v2-container ${className}`}>
+      {/* Заголовок секции */}
+      <div className="mb-6">
+        <h2 className="text-xl font-semibold text-white">
+          {userRole === 'SELLER' && 'Мои товарные поставки'}
+          {userRole === 'WHOLESALE' && 'Заявки на поставку товаров'}
+          {userRole === 'FULFILLMENT' && 'Входящие товарные поставки'}
+          {userRole === 'LOGIST' && 'Логистика товарных поставок'}
+        </h2>
+        <p className="text-white/60 text-sm mt-1">
+          {userRole === 'SELLER' && 'Управление заказами товаров для фулфилмент-центров'}
+          {userRole === 'WHOLESALE' && 'Одобрение и обработка заявок на поставку товаров'}
+          {userRole === 'FULFILLMENT' && 'Приемка и обработка товаров от селлеров'}
+          {userRole === 'LOGIST' && 'Координация доставки товарных поставок'}
+        </p>
+      </div>
+
+      {/* V2 таблица с автоматическим GraphQL */}
+      <MultiLevelSuppliesTableV2
+        userRole={userRole}
+        activeTab={activeTab}
+        // Все данные загружаются автоматически через GraphQL
+      />
+    </div>
+  )
+}
+
+// Экспорт для простого использования
+export default GoodsSuppliesV2Container