Add server-side image thumbnails (sharp): /uploads/thumb/<name> route, ?thumb=1 on file endpoints, disk-cached 480px WebP previews; grids now load thumbnails with lazy loading

public/js/groups.js

@@ -25,7 +25,7 @@ async function loadGroups() {
     return `
     <div class="group-card" data-group-id="${g.id}">
       ${g.cover_path
-        ? `<img class="group-cover" src="${API}${g.cover_path}" alt="">`
+        ? `<img class="group-cover" src="${thumbSrc(g.cover_path)}" loading="lazy" decoding="async" alt="">`
         : `<div class="group-cover empty-cover">📷</div>`}
       <div class="group-head">
         <input class="name-input" id="name-${g.id}" value="${esc(g.name)}">
@@ -151,7 +151,7 @@ function photoHTML(p) {
   return `
     <div class="photo-item" data-photo-id="${p.id}" data-photo-path="${esc(p.photo_path)}" draggable="true">
       <div class="drag-hint" title="Перетащите, чтобы изменить порядок">⠿</div>
-      <img src="${API}${p.photo_path}" data-img="${API}${p.photo_path}" alt="">
+      <img src="${thumbSrc(p.photo_path)}" data-img="${API}${p.photo_path}" loading="lazy" decoding="async" alt="">
       <div class="p-cap">${esc(p.caption || '')}</div>
       <div class="p-date">${taken ? taken + ' · ' : ''}${uploaded}</div>
       <div class="p-actions">