Frontend et backend entièrement réels : plus aucune donnée simulée

À la demande explicite de l'utilisateur après avoir constaté que
tripoli.cloud affichait un 404 vide (le frontend n'avait jamais été
déployé) : déploiement du frontend, puis remplacement complet des
mocks par de vraies données, des deux côtés.

Backend (tripoli-api) :
- users.name, files.category (file/photo/backup), table notifications
  (migration 0002).
- POST /api/auth/guest : compte invité réel et réutilisé
  (invite@tripoli.local), pas une identité simulée côté frontend.
- GET /api/files?category=... , GET /api/notifications (+ read-all/
  {id}/read), GET /api/storage (used_bytes réel, available_bytes via
  statvfs - jamais un quota inventé).
- Notifications émises réellement sur upload/suppression.

Frontend (app/) :
- src/api/*.ts appellent réellement tripoli-api (plus de mockFetch).
- Upload réel (XHR, vraie progression), suppression avec bouton dédié,
  vraies miniatures photo (<img src="/api/files/:id">).
- Session restaurée au chargement (GET /api/auth/me), logout réel.
- Retiré plutôt que simulé : 2FA, clé de récupération, accès partagés,
  albums, dossiers, "4 appareils sauvegardés", chiffres marketing et
  claim AES-256 côté client sur la page de connexion (jamais vrai -
  remplacé par le vrai : HTTPS + Argon2).

Déploiement :
- Frontend construit et déployé sur le serveur (le build local échouait
  spécifiquement sur cette machine - rolldown/esbuild natif ne répondait
  plus, cause non résolue ; contourné en buildant sur le serveur, comme
  déjà fait pour les crates Rust).
- Caddy : /var/www/tripoli-cloud servi en statique pour tripoli.cloud,
  /api/*, /healthz, /metrics toujours proxyés vers tripoli-edge.
- Pipeline CI étendu : le job deploy construit et déploie maintenant
  aussi le frontend, via un script sudo dédié supplémentaire
  (tripoli-deploy-frontend.sh) sur le compte deploy sans privilège.
- Vérifié en navigateur réel (Chrome) : inscription, connexion, invité,
  upload avec progression, photos, sauvegardes, notifications,
  suppression, déconnexion - tous testés en conditions réelles.

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

app/src/components/dashboard/FileListRow.tsx

@@ -1,15 +1,43 @@
+import { Trash2 } from 'lucide-react';
+import { downloadUrl } from '../../api/files';
 import type { FileItem } from '../../types';
 
-export function FileListRow({ file }: { file: FileItem }) {
+interface FileListRowProps {
+  file: FileItem;
+  onDelete: (id: string) => void;
+}
+
+export function FileListRow({ file, onDelete }: FileListRowProps) {
   return (
-    <div className="flex items-center gap-4 border-b border-line px-4 py-3 transition-colors hover:bg-field sm:px-[18px]">
-      <span className="h-[34px] w-[34px] flex-none rounded-[10px]" style={{ background: file.thumbGradient }} />
+    <a
+      href={downloadUrl(file.id)}
+      target="_blank"
+      rel="noreferrer"
+      className="group flex items-center gap-4 border-b border-line px-4 py-3 transition-colors hover:bg-field sm:px-[18px]"
+    >
+      <span className="h-[34px] w-[34px] flex-none overflow-hidden rounded-[10px]" style={{ background: file.thumbGradient }}>
+        {file.kind === 'image' && (
+          <img src={downloadUrl(file.id)} alt="" className="h-full w-full object-cover" />
+        )}
+      </span>
       <div className="min-w-0 flex-1">
         <p className="m-0 truncate text-[13.5px] font-semibold text-ink">{file.name}</p>
         <p className="m-0 mt-0.5 text-[11.5px] text-ink-soft">{file.extLabel}</p>
       </div>
       <span className="w-[90px] flex-none text-[12.5px] text-ink-soft">{file.size}</span>
       <span className="w-[120px] flex-none text-[12.5px] text-ink-soft">{file.modified}</span>
-    </div>
+      <button
+        type="button"
+        onClick={(e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          onDelete(file.id);
+        }}
+        aria-label={`Supprimer ${file.name}`}
+        className="flex h-7 w-7 flex-none items-center justify-center rounded-lg text-ink-soft opacity-0 transition-opacity hover:text-danger group-hover:opacity-100"
+      >
+        <Trash2 size={14} strokeWidth={2} />
+      </button>
+    </a>
   );
 }