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

src/components/dashboard/dashboard.tsx

@@ -4,10 +4,12 @@ import { useState } from 'react'
 import { Sidebar } from './sidebar'
 import { UserSettings } from './user-settings'
 import { DashboardHome } from './dashboard-home'
+import { useSidebar } from '@/hooks/useSidebar'
 
 export type DashboardSection = 'home' | 'settings'
 
 export function Dashboard() {
+  const { getSidebarMargin } = useSidebar()
   const [activeSection] = useState<DashboardSection>('home')
 
   const renderContent = () => {
@@ -21,9 +23,9 @@ export function Dashboard() {
   }
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen flex overflow-hidden">
       <Sidebar />
-      <main className="flex-1 ml-64">
+      <main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
         {renderContent()}
       </main>
     </div>