feat(album): add thumbnails and AlbumViewer.vue

frontend/src/views/creators/AlbumEditor.vue

@@ -2,7 +2,7 @@
   <div class="album-editor">
 
     <h2 class="text-xl font-semibold mb-4">
-      {{ t('creator.sections.album.title') }}
+      {{ t('title') }}
     </h2>
     
     <!-- Drop zone with photos -->
@@ -52,7 +52,7 @@
             <button @click.stop="moveImage(index, 'up')" 
                     class="action-btn left-btn" 
                     :disabled="index === 0"
-                    :title="t('moveUp')"
+                    :title="t('moveLeft')"
                     :class="{'mobile-active': activePhotoIndex === index}">
               <v-icon>mdi-arrow-left</v-icon>
             </button>
@@ -60,7 +60,7 @@
             <button @click.stop="moveImage(index, 'down')" 
                     class="action-btn right-btn" 
                     :disabled="index === localImages.length - 1"
-                    :title="t('moveDown')"
+                    :title="t('moveRight')"
                     :class="{'mobile-active': activePhotoIndex === index}">
               <v-icon>mdi-arrow-right</v-icon>
             </button>
@@ -365,4 +365,36 @@ function moveImage(index, direction) {
 .loading-overlay.uploading {
   @apply bg-opacity-75;
 }
-</style>
+</style>
+
+<i18n>
+{
+  "en": {
+    "title": "Album",
+    "dropzoneText": "Drop a photo here to add it to your album",
+    "processing": "Processing...",
+    "uploading": "Uploading...",
+    "moveLeft": "Move Left",
+    "moveRight": "Move Right",
+    "delete": "Delete"
+  },
+  "fr": {
+    "title": "Album",
+    "dropzoneText": "Déposez une photo ici pour l'ajouter à l'album",
+    "processing": "Traitement en cours...",
+    "uploading": "Téléchargement...",
+    "moveLeft": "Déplacer à gauche",
+    "moveRight": "Déplacer à droite",
+    "delete": "Supprimer"
+  },
+  "es": {
+    "title": "Album",
+    "dropzoneText": "Suelta una foto aquí para añadirla al álbum",
+    "processing": "Procesando...",
+    "uploading": "Subiendo...",
+    "moveLeft": "Mover a la izquierda",
+    "moveRight": "Mover a la derecha",
+    "delete": "Eliminar"
+  }
+}
+</i18n>