fix(todos): types union TodoCreate, gestion erreurs handlers, transition SwipeableRow réactive

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/pages/TodosPage.tsx

@@ -29,13 +29,17 @@ const selectStyle: React.CSSProperties = {
 export default function TodosPage() {
   const [todos, setTodos] = useState<Todo[]>([])
   const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
   const [showForm, setShowForm] = useState(false)
   const [filters, setFilters] = useState<TodoFilters>({ status: 'pending' })
 
   const load = useCallback(async () => {
     setLoading(true)
+    setError(null)
     try {
       setTodos(await fetchTodos(filters))
+    } catch {
+      setError('Erreur lors du chargement des tâches')
     } finally {
       setLoading(false)
     }
@@ -44,24 +48,40 @@ export default function TodosPage() {
   useEffect(() => { void load() }, [load])
 
   async function handleCreate(data: TodoCreate) {
-    await createTodo(data)
-    setShowForm(false)
-    void load()
+    try {
+      await createTodo(data)
+      setShowForm(false)
+      void load()
+    } catch {
+      setError('Erreur lors de la création')
+    }
   }
 
   async function handleDone(id: string) {
-    await updateTodo(id, { status: 'done' })
-    void load()
+    try {
+      await updateTodo(id, { status: 'done' })
+      void load()
+    } catch {
+      setError('Erreur lors de la mise à jour')
+    }
   }
 
   async function handleDelete(id: string) {
-    await deleteTodo(id)
-    void load()
+    try {
+      await deleteTodo(id)
+      void load()
+    } catch {
+      setError('Erreur lors de la suppression')
+    }
   }
 
   async function handlePostpone(id: string, days: 1 | 7) {
-    await postponeTodo(id, days)
-    void load()
+    try {
+      await postponeTodo(id, days)
+      void load()
+    } catch {
+      setError('Erreur lors du report')
+    }
   }
 
   // Grouper par domaine pour la vue mobile
@@ -110,6 +130,12 @@ export default function TodosPage() {
         </select>
       </div>
 
+      {error && (
+        <p style={{ color: 'var(--err)', background: 'var(--bg-3)', borderRadius: 8, padding: '8px 12px', marginBottom: 12, fontFamily: 'var(--font-ui)', fontSize: 13 }}>
+          {error}
+        </p>
+      )}
+
       {/* Formulaire de création */}
       {showForm && (
         <div className="glass" style={{ padding: 16, borderRadius: 10, marginBottom: 16 }}>