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

src/components/admin/ui-kit-section.tsx

@@ -18,6 +18,7 @@ import { BusinessDemo } from "./ui-kit/business-demo";
 import { TimesheetDemo } from "./ui-kit/timesheet-demo";
 import { FulfillmentWarehouseDemo } from "./ui-kit/fulfillment-warehouse-demo";
 import { SuppliesDemo } from "./ui-kit/supplies-demo";
+import { SuppliesNavigationDemo } from "./ui-kit/supplies-navigation-demo";
 
 export function UIKitSection() {
   return (
@@ -133,6 +134,12 @@ export function UIKitSection() {
           >
             Поставки
           </TabsTrigger>
+          <TabsTrigger
+            value="supplies-navigation"
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 text-xs px-3 py-2"
+          >
+            Навигация поставок
+          </TabsTrigger>
         </TabsList>
 
         <TabsContent value="buttons" className="space-y-6">
@@ -202,6 +209,10 @@ export function UIKitSection() {
         <TabsContent value="supplies" className="space-y-6">
           <SuppliesDemo />
         </TabsContent>
+
+        <TabsContent value="supplies-navigation" className="space-y-6">
+          <SuppliesNavigationDemo />
+        </TabsContent>
       </Tabs>
     </div>
   );