style: run prettier on entire codebase

src/admin/pages/ProjectDetail.tsx

@@ -1,292 +1,323 @@
-import { useState, useEffect, useRef } from 'react'
-import { useAlert } from '../context/AlertContext'
-import { useAuth } from '../context/AuthContext'
-import { useParams, useNavigate, useLocation, Link } from 'react-router-dom'
-import { motion } from 'framer-motion'
+import { useState, useEffect, useRef } from "react";
+import { useAlert } from "../context/AlertContext";
+import { useAuth } from "../context/AuthContext";
+import { useParams, useNavigate, useLocation, Link } from "react-router-dom";
+import { motion } from "framer-motion";
 
-import Forbidden from '../components/Forbidden'
-import ConfirmModal from '../components/ConfirmModal'
-import FormField from '../components/FormField'
-import AdminDatePicker from '../components/AdminDatePicker'
-import ProjectFileManager from '../components/ProjectFileManager'
-import apiFetch from '../utils/api'
+import Forbidden from "../components/Forbidden";
+import ConfirmModal from "../components/ConfirmModal";
+import FormField from "../components/FormField";
+import AdminDatePicker from "../components/AdminDatePicker";
+import ProjectFileManager from "../components/ProjectFileManager";
+import apiFetch from "../utils/api";
 
-const API_BASE = '/api/admin'
+const API_BASE = "/api/admin";
 
 const STATUS_LABELS: Record<string, string> = {
-  aktivni: 'Aktivní',
-  dokonceny: 'Dokončený',
-  zruseny: 'Zrušený'
-}
+  aktivni: "Aktivní",
+  dokonceny: "Dokončený",
+  zruseny: "Zrušený",
+};
 
 function formatNoteDate(dateStr: string) {
-  if (!dateStr) return ''
-  const d = new Date(dateStr)
-  const day = d.getDate()
-  const month = d.getMonth() + 1
-  const year = d.getFullYear()
-  const hours = String(d.getHours()).padStart(2, '0')
-  const mins = String(d.getMinutes()).padStart(2, '0')
-  return `${day}. ${month}. ${year} ${hours}:${mins}`
+  if (!dateStr) return "";
+  const d = new Date(dateStr);
+  const day = d.getDate();
+  const month = d.getMonth() + 1;
+  const year = d.getFullYear();
+  const hours = String(d.getHours()).padStart(2, "0");
+  const mins = String(d.getMinutes()).padStart(2, "0");
+  return `${day}. ${month}. ${year} ${hours}:${mins}`;
 }
 
 interface Note {
-  id: number
-  content: string
-  user_name: string
-  created_at: string
+  id: number;
+  content: string;
+  user_name: string;
+  created_at: string;
 }
 
 interface User {
-  id: number
-  name: string
+  id: number;
+  name: string;
 }
 
 interface ProjectData {
-  id: number
-  project_number: string
-  name: string
-  status: string
-  start_date: string
-  end_date: string
-  customer_name: string
-  responsible_user_id: string
-  notes?: string
-  order_id?: number
-  order_number?: string
-  order_status?: string
-  quotation_id?: number
-  quotation_number?: string
-  has_nas_folder?: boolean
+  id: number;
+  project_number: string;
+  name: string;
+  status: string;
+  start_date: string;
+  end_date: string;
+  customer_name: string;
+  responsible_user_id: string;
+  notes?: string;
+  order_id?: number;
+  order_number?: string;
+  order_status?: string;
+  quotation_id?: number;
+  quotation_number?: string;
+  has_nas_folder?: boolean;
 }
 
 interface ProjectForm {
-  name: string
-  status: string
-  start_date: string
-  end_date: string
-  responsible_user_id: string
+  name: string;
+  status: string;
+  start_date: string;
+  end_date: string;
+  responsible_user_id: string;
 }
 
 export default function ProjectDetail() {
-  const { id } = useParams()
-  const alert = useAlert()
-  const { hasPermission, isAdmin } = useAuth()
-  const navigate = useNavigate()
-  const location = useLocation()
+  const { id } = useParams();
+  const alert = useAlert();
+  const { hasPermission, isAdmin } = useAuth();
+  const navigate = useNavigate();
+  const location = useLocation();
 
-  const [loading, setLoading] = useState(true)
-  const [saving, setSaving] = useState(false)
-  const [project, setProject] = useState<ProjectData | null>(null)
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [project, setProject] = useState<ProjectData | null>(null);
   const [form, setForm] = useState<ProjectForm>({
-    name: '',
-    status: 'aktivni',
-    start_date: '',
-    end_date: '',
-    responsible_user_id: ''
-  })
-  const [users, setUsers] = useState<User[]>([])
+    name: "",
+    status: "aktivni",
+    start_date: "",
+    end_date: "",
+    responsible_user_id: "",
+  });
+  const [users, setUsers] = useState<User[]>([]);
 
-  const [deleteConfirm, setDeleteConfirm] = useState(false)
-  const [deleting, setDeleting] = useState(false)
-  const [deleteFiles, setDeleteFiles] = useState(false)
+  const [deleteConfirm, setDeleteConfirm] = useState(false);
+  const [deleting, setDeleting] = useState(false);
+  const [deleteFiles, setDeleteFiles] = useState(false);
 
   // Dynamic notes
-  const [notes, setNotes] = useState<Note[]>([])
-  const [notesLoading, setNotesLoading] = useState(true)
-  const [newNote, setNewNote] = useState('')
-  const [addingNote, setAddingNote] = useState(false)
-  const [deletingNoteId, setDeletingNoteId] = useState<number | null>(null)
+  const [notes, setNotes] = useState<Note[]>([]);
+  const [notesLoading, setNotesLoading] = useState(true);
+  const [newNote, setNewNote] = useState("");
+  const [addingNote, setAddingNote] = useState(false);
+  const [deletingNoteId, setDeletingNoteId] = useState<number | null>(null);
 
-  const createdShown = useRef(false)
+  const createdShown = useRef(false);
   useEffect(() => {
-    if ((location.state as { created?: boolean })?.created && !createdShown.current) {
-      createdShown.current = true
-      alert.success('Projekt byl vytvořen')
-      navigate(location.pathname, { replace: true, state: {} })
+    if (
+      (location.state as { created?: boolean })?.created &&
+      !createdShown.current
+    ) {
+      createdShown.current = true;
+      alert.success("Projekt byl vytvořen");
+      navigate(location.pathname, { replace: true, state: {} });
     }
-  }, [location.state, location.pathname, alert, navigate])
+  }, [location.state, location.pathname, alert, navigate]);
 
   const fetchNotes = async () => {
     try {
-      const response = await apiFetch(`${API_BASE}/projects/${id}`)
-      if (response.status === 401) return
-      const result = await response.json()
+      const response = await apiFetch(`${API_BASE}/projects/${id}`);
+      if (response.status === 401) return;
+      const result = await response.json();
       if (result.success) {
-        setNotes(result.data.project_notes || [])
+        setNotes(result.data.project_notes || []);
       }
     } catch {
       // silent - notes are supplementary
     } finally {
-      setNotesLoading(false)
+      setNotesLoading(false);
     }
-  }
+  };
 
   useEffect(() => {
     const fetchDetail = async () => {
       try {
-        const response = await apiFetch(`${API_BASE}/projects/${id}`)
-        if (response.status === 401) return
-        const result = await response.json()
+        const response = await apiFetch(`${API_BASE}/projects/${id}`);
+        if (response.status === 401) return;
+        const result = await response.json();
         if (result.success) {
-          const p = result.data
-          setProject(p)
+          const p = result.data;
+          setProject(p);
           setForm({
-            name: p.name || '',
-            status: p.status || 'aktivni',
-            start_date: (p.start_date || '').substring(0, 10),
-            end_date: (p.end_date || '').substring(0, 10),
-            responsible_user_id: p.responsible_user_id || ''
-          })
+            name: p.name || "",
+            status: p.status || "aktivni",
+            start_date: (p.start_date || "").substring(0, 10),
+            end_date: (p.end_date || "").substring(0, 10),
+            responsible_user_id: p.responsible_user_id || "",
+          });
         } else {
-          alert.error(result.error || 'Nepodařilo se načíst projekt')
-          navigate('/projects')
+          alert.error(result.error || "Nepodařilo se načíst projekt");
+          navigate("/projects");
         }
       } catch {
-        alert.error('Chyba připojení')
-        navigate('/projects')
+        alert.error("Chyba připojení");
+        navigate("/projects");
       } finally {
-        setLoading(false)
+        setLoading(false);
       }
-    }
+    };
     const fetchUsers = async () => {
       try {
-        const res = await apiFetch(`${API_BASE}/users`)
-        if (res.status === 401) return
-        const data = await res.json()
+        const res = await apiFetch(`${API_BASE}/users`);
+        if (res.status === 401) return;
+        const data = await res.json();
         if (data.success) {
-          const raw = Array.isArray(data.data) ? data.data : data.data?.items || []
-          setUsers(raw.map((u: any) => ({ id: u.id, name: `${u.first_name || ''} ${u.last_name || ''}`.trim() || u.username })))
+          const raw = Array.isArray(data.data)
+            ? data.data
+            : data.data?.items || [];
+          setUsers(
+            raw.map((u: any) => ({
+              id: u.id,
+              name:
+                `${u.first_name || ""} ${u.last_name || ""}`.trim() ||
+                u.username,
+            })),
+          );
         }
       } catch {
         // silent
       }
-    }
+    };
 
-    fetchDetail()
-    fetchNotes()
-    fetchUsers()
-  }, [id, alert, navigate]) // eslint-disable-line react-hooks/exhaustive-deps
+    fetchDetail();
+    fetchNotes();
+    fetchUsers();
+  }, [id, alert, navigate]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  if (!hasPermission('projects.view')) return <Forbidden />
+  if (!hasPermission("projects.view")) return <Forbidden />;
 
-  const updateForm = (field: keyof ProjectForm, value: string) => setForm(prev => ({ ...prev, [field]: value }))
+  const updateForm = (field: keyof ProjectForm, value: string) =>
+    setForm((prev) => ({ ...prev, [field]: value }));
 
   const handleSave = async () => {
     if (!form.name.trim()) {
-      alert.error('Název projektu je povinný')
-      return
+      alert.error("Název projektu je povinný");
+      return;
     }
 
-    setSaving(true)
+    setSaving(true);
     try {
       const response = await apiFetch(`${API_BASE}/projects/${id}`, {
-        method: 'PUT',
-        headers: { 'Content-Type': 'application/json' },
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           name: form.name,
           status: form.status,
           start_date: form.start_date || null,
           end_date: form.end_date || null,
-          responsible_user_id: form.responsible_user_id || null
-        })
-      })
-      const result = await response.json()
+          responsible_user_id: form.responsible_user_id || null,
+        }),
+      });
+      const result = await response.json();
       if (result.success) {
-        alert.success(result.message || 'Projekt byl aktualizován')
+        alert.success(result.message || "Projekt byl aktualizován");
       } else {
-        alert.error(result.error || 'Nepodařilo se uložit projekt')
+        alert.error(result.error || "Nepodařilo se uložit projekt");
       }
     } catch {
-      alert.error('Chyba připojení')
+      alert.error("Chyba připojení");
     } finally {
-      setSaving(false)
+      setSaving(false);
     }
-  }
+  };
 
   const handleDelete = async () => {
-    setDeleting(true)
+    setDeleting(true);
     try {
       const response = await apiFetch(`${API_BASE}/projects/${id}`, {
-        method: 'DELETE',
-        headers: { 'Content-Type': 'application/json' },
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ delete_files: deleteFiles }),
-      })
-      const result = await response.json()
+      });
+      const result = await response.json();
       if (result.success) {
-        navigate('/projects')
-        setTimeout(() => alert.success('Projekt byl smazán'), 300)
+        navigate("/projects");
+        setTimeout(() => alert.success("Projekt byl smazán"), 300);
       } else {
-        alert.error(result.error || 'Nepodařilo se smazat projekt')
+        alert.error(result.error || "Nepodařilo se smazat projekt");
       }
     } catch {
-      alert.error('Chyba připojení')
+      alert.error("Chyba připojení");
     } finally {
-      setDeleting(false)
+      setDeleting(false);
     }
-  }
+  };
 
   const handleAddNote = async () => {
-    if (!newNote.trim()) return
+    if (!newNote.trim()) return;
 
-    setAddingNote(true)
+    setAddingNote(true);
     try {
       const response = await apiFetch(`${API_BASE}/projects/${id}/notes`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ content: newNote.trim() })
-      })
-      const result = await response.json()
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ content: newNote.trim() }),
+      });
+      const result = await response.json();
       if (result.success) {
-        setNotes(prev => [result.data.note, ...prev])
-        setNewNote('')
-        alert.success('Poznámka byla přidána')
+        setNotes((prev) => [result.data.note, ...prev]);
+        setNewNote("");
+        alert.success("Poznámka byla přidána");
       } else {
-        alert.error(result.error || 'Nepodařilo se přidat poznámku')
+        alert.error(result.error || "Nepodařilo se přidat poznámku");
       }
     } catch {
-      alert.error('Chyba připojení')
+      alert.error("Chyba připojení");
     } finally {
-      setAddingNote(false)
+      setAddingNote(false);
     }
-  }
+  };
 
   const handleDeleteNote = async (noteId: number) => {
-    setDeletingNoteId(noteId)
+    setDeletingNoteId(noteId);
     try {
-      const response = await apiFetch(`${API_BASE}/projects/${id}/notes/${noteId}`, {
-        method: 'DELETE'
-      })
-      const result = await response.json()
+      const response = await apiFetch(
+        `${API_BASE}/projects/${id}/notes/${noteId}`,
+        {
+          method: "DELETE",
+        },
+      );
+      const result = await response.json();
       if (result.success) {
-        setNotes(prev => prev.filter(n => n.id !== noteId))
-        alert.success('Poznámka byla smazána')
+        setNotes((prev) => prev.filter((n) => n.id !== noteId));
+        alert.success("Poznámka byla smazána");
       } else {
-        alert.error(result.error || 'Nepodařilo se smazat poznámku')
+        alert.error(result.error || "Nepodařilo se smazat poznámku");
       }
     } catch {
-      alert.error('Chyba připojení')
+      alert.error("Chyba připojení");
     } finally {
-      setDeletingNoteId(null)
+      setDeletingNoteId(null);
     }
-  }
+  };
 
   if (loading) {
     return (
-      <div className="admin-skeleton" style={{ padding: 0, gap: '1.5rem' }}>
-        <div className="admin-skeleton-row" style={{ justifyContent: 'space-between' }}>
+      <div className="admin-skeleton" style={{ padding: 0, gap: "1.5rem" }}>
+        <div
+          className="admin-skeleton-row"
+          style={{ justifyContent: "space-between" }}
+        >
           <div className="flex-row-gap">
-            <div className="admin-skeleton-line" style={{ width: '32px', height: '32px', borderRadius: '8px' }} />
-            <div className="admin-skeleton-line h-8" style={{ width: '200px' }} />
+            <div
+              className="admin-skeleton-line"
+              style={{ width: "32px", height: "32px", borderRadius: "8px" }}
+            />
+            <div
+              className="admin-skeleton-line h-8"
+              style={{ width: "200px" }}
+            />
           </div>
-          <div className="admin-skeleton-row" style={{ gap: '0.5rem' }}>
-            <div className="admin-skeleton-line h-10" style={{ width: '100px', borderRadius: '8px' }} />
-            <div className="admin-skeleton-line h-10" style={{ width: '100px', borderRadius: '8px' }} />
+          <div className="admin-skeleton-row" style={{ gap: "0.5rem" }}>
+            <div
+              className="admin-skeleton-line h-10"
+              style={{ width: "100px", borderRadius: "8px" }}
+            />
+            <div
+              className="admin-skeleton-line h-10"
+              style={{ width: "100px", borderRadius: "8px" }}
+            />
           </div>
         </div>
         <div className="admin-card">
-          <div className="admin-skeleton" style={{ gap: '1.25rem' }}>
-            {[0, 1, 2, 3].map(i => (
+          <div className="admin-skeleton" style={{ gap: "1.25rem" }}>
+            {[0, 1, 2, 3].map((i) => (
               <div key={i} className="admin-skeleton-row">
                 <div className="admin-skeleton-line w-1/4" />
                 <div className="admin-skeleton-line w-1/2" />
@@ -295,12 +326,12 @@ export default function ProjectDetail() {
           </div>
         </div>
       </div>
-    )
+    );
   }
 
-  if (!project) return null
+  if (!project) return null;
 
-  const canEdit = hasPermission('projects.edit')
+  const canEdit = hasPermission("projects.edit");
 
   return (
     <div>
@@ -311,9 +342,21 @@ export default function ProjectDetail() {
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.25 }}
       >
-        <div style={{ display: 'flex', alignItems: 'center', gap: '1rem' }}>
-          <Link to="/projects" className="admin-btn-icon" title="Zpět" aria-label="Zpět">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+        <div style={{ display: "flex", alignItems: "center", gap: "1rem" }}>
+          <Link
+            to="/projects"
+            className="admin-btn-icon"
+            title="Zpět"
+            aria-label="Zpět"
+          >
+            <svg
+              width="20"
+              height="20"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+            >
               <path d="M19 12H5M12 19l-7-7 7-7" />
             </svg>
           </Link>
@@ -325,13 +368,19 @@ export default function ProjectDetail() {
         </div>
         {canEdit && (
           <div className="admin-page-actions">
-            <button onClick={handleSave} className="admin-btn admin-btn-primary" disabled={saving}>
+            <button
+              onClick={handleSave}
+              className="admin-btn admin-btn-primary"
+              disabled={saving}
+            >
               {saving ? (
                 <>
                   <div className="admin-spinner admin-spinner-sm" />
                   Ukládání...
                 </>
-              ) : 'Uložit'}
+              ) : (
+                "Uložit"
+              )}
             </button>
             {!project.order_id && (
               <button
@@ -362,14 +411,17 @@ export default function ProjectDetail() {
                   value={project.project_number}
                   className="admin-form-input"
                   readOnly
-                  style={{ backgroundColor: 'var(--bg-secondary)', cursor: 'default' }}
+                  style={{
+                    backgroundColor: "var(--bg-secondary)",
+                    cursor: "default",
+                  }}
                 />
               </FormField>
               <FormField label="Název">
                 <input
                   type="text"
                   value={form.name}
-                  onChange={(e) => updateForm('name', e.target.value)}
+                  onChange={(e) => updateForm("name", e.target.value)}
                   className="admin-form-input"
                   placeholder="Název projektu"
                   disabled={!canEdit}
@@ -381,22 +433,29 @@ export default function ProjectDetail() {
               <FormField label="Zákazník">
                 <input
                   type="text"
-                  value={project.customer_name || '—'}
+                  value={project.customer_name || "—"}
                   className="admin-form-input"
                   readOnly
-                  style={{ backgroundColor: 'var(--bg-secondary)', cursor: 'default' }}
+                  style={{
+                    backgroundColor: "var(--bg-secondary)",
+                    cursor: "default",
+                  }}
                 />
               </FormField>
               <FormField label="Zodpovědná osoba">
                 <select
                   value={form.responsible_user_id}
-                  onChange={(e) => updateForm('responsible_user_id', e.target.value)}
+                  onChange={(e) =>
+                    updateForm("responsible_user_id", e.target.value)
+                  }
                   className="admin-form-select"
                   disabled={!canEdit}
                 >
                   <option value="">— Nevybráno —</option>
-                  {users.map(u => (
-                    <option key={u.id} value={u.id}>{u.name}</option>
+                  {users.map((u) => (
+                    <option key={u.id} value={u.id}>
+                      {u.name}
+                    </option>
                   ))}
                 </select>
               </FormField>
@@ -406,7 +465,7 @@ export default function ProjectDetail() {
               <FormField label="Stav">
                 <select
                   value={form.status}
-                  onChange={(e) => updateForm('status', e.target.value)}
+                  onChange={(e) => updateForm("status", e.target.value)}
                   className="admin-form-select"
                   disabled={!canEdit}
                 >
@@ -419,7 +478,7 @@ export default function ProjectDetail() {
                 <AdminDatePicker
                   mode="date"
                   value={form.start_date}
-                  onChange={(val: string) => updateForm('start_date', val)}
+                  onChange={(val: string) => updateForm("start_date", val)}
                   disabled={!canEdit}
                 />
               </FormField>
@@ -427,12 +486,11 @@ export default function ProjectDetail() {
                 <AdminDatePicker
                   mode="date"
                   value={form.end_date}
-                  onChange={(val: string) => updateForm('end_date', val)}
+                  onChange={(val: string) => updateForm("end_date", val)}
                   disabled={!canEdit}
                 />
               </FormField>
             </div>
-
           </div>
         </div>
       </motion.div>
@@ -455,10 +513,10 @@ export default function ProjectDetail() {
               className="admin-form-input"
               rows={2}
               placeholder="Napište poznámku..."
-              style={{ resize: 'vertical', width: '100%' }}
+              style={{ resize: "vertical", width: "100%" }}
               onKeyDown={(e) => {
-                if (e.key === 'Enter' && e.ctrlKey && newNote.trim()) {
-                  handleAddNote()
+                if (e.key === "Enter" && e.ctrlKey && newNote.trim()) {
+                  handleAddNote();
                 }
               }}
             />
@@ -471,7 +529,7 @@ export default function ProjectDetail() {
                 {addingNote ? (
                   <div className="admin-spinner admin-spinner-sm" />
                 ) : (
-                  'Přidat poznámku'
+                  "Přidat poznámku"
                 )}
               </button>
             </div>
@@ -479,57 +537,107 @@ export default function ProjectDetail() {
 
           {/* Legacy notes (read-only) */}
           {project.notes && (
-            <div style={{
-              padding: '0.75rem',
-              background: 'var(--bg-secondary)',
-              borderRadius: '0.5rem',
-              marginBottom: '0.5rem',
-              fontSize: '0.85rem',
-              color: 'var(--text-secondary)'
-            }}>
-              <div style={{ fontSize: '0.75rem', color: 'var(--text-tertiary)', marginBottom: '0.25rem' }}>
+            <div
+              style={{
+                padding: "0.75rem",
+                background: "var(--bg-secondary)",
+                borderRadius: "0.5rem",
+                marginBottom: "0.5rem",
+                fontSize: "0.85rem",
+                color: "var(--text-secondary)",
+              }}
+            >
+              <div
+                style={{
+                  fontSize: "0.75rem",
+                  color: "var(--text-tertiary)",
+                  marginBottom: "0.25rem",
+                }}
+              >
                 Starší poznámka (před zavedením systému)
               </div>
-              <div style={{ whiteSpace: 'pre-wrap' }}>{project.notes}</div>
+              <div style={{ whiteSpace: "pre-wrap" }}>{project.notes}</div>
             </div>
           )}
 
           {/* Notes list */}
           {notesLoading && (
-            <div className="admin-skeleton" style={{ gap: '0.75rem' }}>
-              {[0, 1, 2].map(i => (
-                <div key={i} className="admin-skeleton-line" style={{ height: '52px', borderRadius: '8px' }} />
+            <div className="admin-skeleton" style={{ gap: "0.75rem" }}>
+              {[0, 1, 2].map((i) => (
+                <div
+                  key={i}
+                  className="admin-skeleton-line"
+                  style={{ height: "52px", borderRadius: "8px" }}
+                />
               ))}
             </div>
           )}
           {!notesLoading && notes.length === 0 && !project.notes && (
-            <div style={{ color: 'var(--text-tertiary)', fontSize: '0.875rem', textAlign: 'center', padding: '1rem 0' }}>
+            <div
+              style={{
+                color: "var(--text-tertiary)",
+                fontSize: "0.875rem",
+                textAlign: "center",
+                padding: "1rem 0",
+              }}
+            >
               Zatím žádné poznámky
             </div>
           )}
           {!notesLoading && (notes.length > 0 || project.notes) && (
-            <div style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}>
-              {notes.map(note => (
+            <div
+              style={{
+                display: "flex",
+                flexDirection: "column",
+                gap: "0.5rem",
+              }}
+            >
+              {notes.map((note) => (
                 <div
                   key={note.id}
                   style={{
-                    padding: '0.75rem',
-                    background: 'var(--bg-secondary)',
-                    borderRadius: '0.5rem',
-                    position: 'relative'
+                    padding: "0.75rem",
+                    background: "var(--bg-secondary)",
+                    borderRadius: "0.5rem",
+                    position: "relative",
                   }}
                 >
-                  <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', gap: '0.5rem' }}>
+                  <div
+                    style={{
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "flex-start",
+                      gap: "0.5rem",
+                    }}
+                  >
                     <div className="flex-1">
-                      <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', marginBottom: '0.25rem' }}>
-                        <span style={{ fontWeight: 600, fontSize: '0.85rem' }}>
+                      <div
+                        style={{
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "0.5rem",
+                          marginBottom: "0.25rem",
+                        }}
+                      >
+                        <span style={{ fontWeight: 600, fontSize: "0.85rem" }}>
                           {note.user_name}
                         </span>
-                        <span style={{ color: 'var(--text-tertiary)', fontSize: '0.75rem' }}>
+                        <span
+                          style={{
+                            color: "var(--text-tertiary)",
+                            fontSize: "0.75rem",
+                          }}
+                        >
                           {formatNoteDate(note.created_at)}
                         </span>
                       </div>
-                      <div style={{ whiteSpace: 'pre-wrap', fontSize: '0.875rem', lineHeight: 1.5 }}>
+                      <div
+                        style={{
+                          whiteSpace: "pre-wrap",
+                          fontSize: "0.875rem",
+                          lineHeight: 1.5,
+                        }}
+                      >
                         {note.content}
                       </div>
                     </div>
@@ -539,12 +647,25 @@ export default function ProjectDetail() {
                         className="admin-btn-icon"
                         title="Smazat poznámku"
                         disabled={deletingNoteId === note.id}
-                        style={{ flexShrink: 0, opacity: deletingNoteId === note.id ? 0.5 : 1 }}
+                        style={{
+                          flexShrink: 0,
+                          opacity: deletingNoteId === note.id ? 0.5 : 1,
+                        }}
                       >
                         {deletingNoteId === note.id ? (
-                          <div className="admin-spinner" style={{ width: 14, height: 14, borderWidth: 2 }} />
+                          <div
+                            className="admin-spinner"
+                            style={{ width: 14, height: 14, borderWidth: 2 }}
+                          />
                         ) : (
-                          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                          <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            strokeWidth="2"
+                          >
                             <polyline points="3 6 5 6 21 6" />
                             <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" />
                             <path d="M10 11v6M14 11v6" />
@@ -562,6 +683,7 @@ export default function ProjectDetail() {
 
       {/* Project File Manager */}
       <motion.div
+        style={{ marginBottom: "1rem" }}
         initial={{ opacity: 0, y: 12 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.25, delay: 0.12 }}
@@ -587,24 +709,40 @@ export default function ProjectDetail() {
             <FormField label="Objednávka">
               <div>
                 {project.order_id ? (
-                  <Link to={`/orders/${project.order_id}`} className="link-accent">
+                  <Link
+                    to={`/orders/${project.order_id}`}
+                    className="link-accent"
+                  >
                     {project.order_number}
                     {project.order_status && (
-                      <span className="text-tertiary" style={{ fontWeight: 400, marginLeft: '0.5rem' }}>
-                        ({STATUS_LABELS[project.order_status] || project.order_status})
+                      <span
+                        className="text-tertiary"
+                        style={{ fontWeight: 400, marginLeft: "0.5rem" }}
+                      >
+                        (
+                        {STATUS_LABELS[project.order_status] ||
+                          project.order_status}
+                        )
                       </span>
                     )}
                   </Link>
-                ) : '—'}
+                ) : (
+                  "—"
+                )}
               </div>
             </FormField>
             <FormField label="Nabídka">
               <div>
                 {project.quotation_id ? (
-                  <Link to={`/offers/${project.quotation_id}`} className="link-accent">
+                  <Link
+                    to={`/offers/${project.quotation_id}`}
+                    className="link-accent"
+                  >
                     {project.quotation_number}
                   </Link>
-                ) : '—'}
+                ) : (
+                  "—"
+                )}
               </div>
             </FormField>
           </div>
@@ -614,16 +752,20 @@ export default function ProjectDetail() {
       <ConfirmModal
         isOpen={deleteConfirm}
         onClose={() => {
-          setDeleteConfirm(false)
-          setDeleteFiles(false)
+          setDeleteConfirm(false);
+          setDeleteFiles(false);
         }}
         onConfirm={handleDelete}
         title="Smazat projekt"
         message={
           <>
-            Opravdu chcete smazat projekt &quot;{project.project_number} – {project.name}&quot;? Tato akce je nevratná.
+            Opravdu chcete smazat projekt &quot;{project.project_number} –{" "}
+            {project.name}&quot;? Tato akce je nevratná.
             {project.has_nas_folder && (
-              <label className="admin-form-checkbox" style={{ marginTop: '1rem', display: 'flex' }}>
+              <label
+                className="admin-form-checkbox"
+                style={{ marginTop: "1rem", display: "flex" }}
+              >
                 <input
                   type="checkbox"
                   checked={deleteFiles}
@@ -640,5 +782,5 @@ export default function ProjectDetail() {
         loading={deleting}
       />
     </div>
-  )
+  );
 }