Add remove rating feature

Bouton ✕ sur les films notés 10/10 pour supprimer la note via DELETE /api/rate/:id.

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

static/app.js

@@ -160,9 +160,11 @@ function buildRow(movie) {
   ).join('');
 
   const skipLabel = isSkipped ? 'Remettre' : 'Passer';
-  const skipBtn = `<button class="skip-btn" title="${skipLabel}">${skipLabel}</button>`;
+  const skipBtn = `<button class="skip-btn">${skipLabel}</button>`;
+  const removeBtn = movie.current_rating !== null
+    ? `<button class="remove-btn" title="Supprimer la note">✕</button>` : '';
 
-  const ratingEl = `<div class="movie-rating">${btns}${skipBtn}</div>`;
+  const ratingEl = `<div class="movie-rating">${btns}${removeBtn}${skipBtn}</div>`;
 
   row.innerHTML = poster + info + synopsis + ratingEl;
 
@@ -196,6 +198,12 @@ function buildRow(movie) {
     });
   });
 
+  // Remove rating button
+  const removeBtnEl = container.querySelector('.remove-btn');
+  if (removeBtnEl) {
+    removeBtnEl.addEventListener('click', () => removeRating(movie, row));
+  }
+
   // Skip button
   container.querySelector('.skip-btn').addEventListener('click', () => {
     if (isSkipped) {
@@ -211,6 +219,20 @@ function buildRow(movie) {
   return row;
 }
 
+/* ── Remove rating ──────────────────────────────────────── */
+async function removeRating(movie, row) {
+  row.style.pointerEvents = 'none';
+  try {
+    const r = await fetch(`/api/rate/${movie.trakt_id}`, { method: 'DELETE' });
+    if (!r.ok) throw new Error('Failed');
+    showToast(`${movie.title_fr} — note supprimée`);
+    animateOut(row);
+  } catch {
+    row.style.pointerEvents = '';
+    showToast('Erreur lors de la suppression', true);
+  }
+}
+
 /* ── Rate ───────────────────────────────────────────────── */
 async function rateMovie(movie, rating, row) {
   row.style.pointerEvents = 'none';

static/style.css

@@ -316,6 +316,24 @@ main {
 }
 .r-btn:active { transform: scale(.92); }
 
+.remove-btn {
+  margin-left: 6px;
+  width: 24px;
+  height: 24px;
+  border-radius: 5px;
+  border: 1px solid rgba(244,63,94,.25);
+  background: transparent;
+  color: #f87191;
+  font-size: .75rem;
+  cursor: pointer;
+  font-family: inherit;
+  transition: border-color .15s, background .15s;
+}
+.remove-btn:hover {
+  border-color: rgba(244,63,94,.5);
+  background: rgba(244,63,94,.1);
+}
+
 .skip-btn {
   margin-left: 6px;
   padding: 0 9px;