Обновлены компоненты панели управления для улучшения адаптивности и взаимодействия с боковой панелью. Добавлен хук useSidebar для управления отступами в зависимости от состояния боковой панели. Изменены стили и классы для улучшения визуального восприятия интерфейса.

src/components/supplies/supplies-dashboard.tsx

@@ -5,6 +5,7 @@ import { Card } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { Sidebar } from '@/components/dashboard/sidebar'
+import { useSidebar } from '@/hooks/useSidebar'
 
 import { 
   ChevronDown, 
@@ -232,6 +233,7 @@ const mockSupplies: Supply[] = [
 ]
 
 export function SuppliesDashboard() {
+  const { getSidebarMargin } = useSidebar()
   const [expandedSupplies, setExpandedSupplies] = useState<Set<string>>(new Set())
   const [expandedRoutes, setExpandedRoutes] = useState<Set<string>>(new Set())
   const [expandedWholesalers, setExpandedWholesalers] = useState<Set<string>>(new Set())
@@ -327,9 +329,9 @@ export function SuppliesDashboard() {
   }
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen flex overflow-hidden">
       <Sidebar />
-      <main className="flex-1 ml-56">
+      <main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
         <div className="p-8">
           {/* Заголовок */}
           <div className="flex items-center justify-between mb-8">