feat: dark mode complet + préférences utilisateur

- Ajout du store userPreferencesStore (thème, vue, tri, pagination, lecteur)
- Page UserPreferencesPage pour configurer toutes les préférences
- Câblage des prefs dans HomePage (viewMode, sortBy, itemsPerPage), readerStore (fallback prefs), ChapterReader (autoHide, autoFullscreen, sync), useNotifications (toastDuration)
- Thème sombre (dark: Tailwind) sur tous les composants Vue : Layout, Pagination, NotificationToast, MangaCard, MangaVolume, MangaDetails, AddManga, HomePage, ActivityPage, JobItem, MangaDeleteModal, MangaEditModal, MangaPreferredSourcesModal, ManageChaptersModal, MangaChapterList, MangaChapter, ConversionPage, FileUploadArea, ConversionProgress, NewImportPage, FileImportCard, MangaMatchCard, StatusBadge, ImportResults
- i18n partiellement initialisé

Jeremy Guillot

assets/vue/app/domain/conversion/presentation/pages/ConversionPage.vue

@@ -4,17 +4,17 @@
     <div class="mb-8">
       <div class="flex items-center space-x-3 mb-4">
         <ArrowPathIcon class="w-8 h-8 text-green-600" />
-        <h1 class="text-3xl font-bold text-gray-900">
+        <h1 class="text-3xl font-bold text-gray-900 dark:text-gray-100">
           Convertir CBR en CBZ
         </h1>
       </div>
-      <p class="text-lg text-gray-600">
+      <p class="text-lg text-gray-600 dark:text-gray-400">
         Convertissez vos fichiers CBR (Comic Book RAR) en CBZ (Comic Book ZIP) pour une meilleure compatibilité.
       </p>
     </div>
 
     <!-- Zone principale -->
-    <div class="bg-white shadow-lg rounded-lg overflow-hidden">
+    <div class="bg-white dark:bg-gray-800 shadow-lg rounded-lg overflow-hidden">
       <!-- En-tête de la carte -->
       <div class="bg-gray-800 text-white p-6">
         <div class="flex items-center space-x-3">
@@ -75,14 +75,14 @@
         />
 
         <!-- Message d'information -->
-        <div class="bg-blue-50 border border-blue-200 rounded-lg p-4">
+        <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4">
           <div class="flex">
             <InformationCircleIcon class="w-5 h-5 text-blue-500 flex-shrink-0" />
             <div class="ml-3">
-              <h3 class="text-sm font-medium text-blue-800">
+              <h3 class="text-sm font-medium text-blue-800 dark:text-blue-300">
                 À propos de la conversion
               </h3>
-              <div class="mt-2 text-sm text-blue-700 space-y-1">
+              <div class="mt-2 text-sm text-blue-700 dark:text-blue-400 space-y-1">
                 <p>• Les fichiers CBZ sont plus largement supportés par les lecteurs de bandes dessinées</p>
                 <p>• La compression ZIP permet généralement une meilleure accessibilité</p>
                 <p>• Aucune perte de qualité lors de la conversion</p>
@@ -95,34 +95,34 @@
         <!-- Historique des conversions -->
         <div v-if="conversionStore.conversionCount > 0" class="space-y-4">
           <div class="flex items-center justify-between">
-            <h3 class="text-lg font-medium text-gray-900">
+            <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">
               Historique des conversions
             </h3>
             <button
               @click="handleClearHistory"
-              class="text-sm text-gray-500 hover:text-gray-700 transition-colors"
+              class="text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors"
             >
               Effacer l'historique
             </button>
           </div>
 
-          <div class="bg-gray-50 rounded-lg p-4">
+          <div class="bg-gray-50 dark:bg-gray-700/50 rounded-lg p-4">
             <div class="space-y-3">
               <div
                 v-for="(conversion, index) in conversionStore.conversionHistory"
                 :key="index"
-                class="flex items-center justify-between py-2 border-b border-gray-200 last:border-b-0"
+                class="flex items-center justify-between py-2 border-b border-gray-200 dark:border-gray-600 last:border-b-0"
               >
                 <div class="flex-1">
-                  <p class="text-sm font-medium text-gray-900">
+                  <p class="text-sm font-medium text-gray-900 dark:text-gray-100">
                     {{ conversion.originalName }}
                   </p>
-                  <p class="text-xs text-gray-500">
+                  <p class="text-xs text-gray-500 dark:text-gray-400">
                     {{ formatDate(conversion.timestamp) }}
                   </p>
                 </div>
                 <div class="text-right">
-                  <p class="text-sm text-gray-600">
+                  <p class="text-sm text-gray-600 dark:text-gray-300">
                     {{ formatFileSize(conversion.originalSize) }} → {{ formatFileSize(conversion.convertedSize) }}
                   </p>
                   <p class="text-xs text-green-600">