Удалены неиспользуемые импорты и функции из компонентов, улучшены стили и функциональность. Обновлены компоненты для работы с изображениями, добавлены новые интерфейсы и типы данных для сотрудников. Реализована логика загрузки расписания сотрудников через GraphQL, улучшен интерфейс взаимодействия с пользователем.

src/components/employees/employee-inline-form.tsx

@@ -1,12 +1,13 @@
 "use client"
 
 import { useState, useRef } from 'react'
+import Image from 'next/image'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar'
-import { Badge } from '@/components/ui/badge'
+
 import { Separator } from '@/components/ui/separator'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import { 
@@ -19,7 +20,7 @@ import {
   Mail,
   Briefcase,
   DollarSign,
-  Calendar,
+
   FileText,
   MessageCircle
 } from 'lucide-react'
@@ -251,9 +252,11 @@ export function EmployeeInlineForm({ onSave, onCancel, isLoading = false }: Empl
               <div className="space-y-3">
                 {formData.passportPhoto ? (
                   <div className="relative">
-                    <img 
+                    <Image 
                       src={formData.passportPhoto} 
-                      alt="Паспорт" 
+                      alt="Паспорт"
+                      width={400}
+                      height={300}
                       className="w-full h-auto max-h-48 object-contain rounded-lg border border-white/20 bg-white/5 cursor-pointer hover:opacity-80 transition-opacity"
                       onClick={() => setShowPassportPreview(true)}
                     />
@@ -508,9 +511,11 @@ export function EmployeeInlineForm({ onSave, onCancel, isLoading = false }: Empl
             <DialogTitle className="text-white">Фото паспорта</DialogTitle>
           </DialogHeader>
           <div className="flex justify-center">
-            <img 
-              src={formData.passportPhoto} 
-              alt="Паспорт" 
+                                <Image 
+                      src={formData.passportPhoto}
+                      alt="Паспорт"
+                      width={600}
+                      height={800} 
               className="max-w-full max-h-[70vh] object-contain rounded-lg"
             />
           </div>