Добавлены модели услуг и расходников для фулфилмент центров, реализованы соответствующие мутации и запросы в GraphQL. Обновлен конфигурационный файл и добавлен новый компонент Toaster в макет приложения. Обновлены зависимости в package.json и package-lock.json.

src/components/services/services-dashboard.tsx

@@ -0,0 +1,67 @@
+"use client"
+
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
+import { Sidebar } from '@/components/dashboard/sidebar'
+import { ServicesTab } from './services-tab'
+import { SuppliesTab } from './supplies-tab'
+import { LogisticsTab } from './logistics-tab'
+
+export function ServicesDashboard() {
+  return (
+    <div className="h-screen bg-gradient-smooth flex overflow-hidden">
+      <Sidebar />
+      <main className="flex-1 ml-56 px-6 py-4 overflow-hidden">
+        <div className="h-full w-full flex flex-col">
+          {/* Заголовок - фиксированная высота */}
+          <div className="flex items-center justify-between mb-4 flex-shrink-0">
+            <div>
+              <h1 className="text-xl font-bold text-white mb-1">Услуги</h1>
+              <p className="text-white/70 text-sm">Управление услугами, расходниками и логистикой</p>
+            </div>
+          </div>
+
+          {/* Основной контент с табами */}
+          <div className="flex-1 overflow-hidden">
+            <Tabs defaultValue="services" className="h-full flex flex-col">
+              <TabsList className="grid w-full grid-cols-3 bg-white/5 backdrop-blur border-white/10 flex-shrink-0">
+                <TabsTrigger 
+                  value="services" 
+                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+                >
+                  Услуги
+                </TabsTrigger>
+                <TabsTrigger 
+                  value="logistics" 
+                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+                >
+                  Логистика
+                </TabsTrigger>
+                <TabsTrigger 
+                  value="supplies" 
+                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
+                >
+                  Расходники
+                </TabsTrigger>
+              </TabsList>
+
+              {/* Контент вкладок */}
+              <div className="flex-1 overflow-hidden mt-4">
+                <TabsContent value="services" className="h-full m-0 overflow-hidden">
+                  <ServicesTab />
+                </TabsContent>
+                
+                <TabsContent value="logistics" className="h-full m-0 overflow-hidden">
+                  <LogisticsTab />
+                </TabsContent>
+                
+                <TabsContent value="supplies" className="h-full m-0 overflow-hidden">
+                  <SuppliesTab />
+                </TabsContent>
+              </div>
+            </Tabs>
+          </div>
+        </div>
+      </main>
+    </div>
+  )
+}