feat: implémenter vue Archive complète avec navigation sidebar/header, filtrage notes archivées via tag shaarli-archive, bouton archivage/désarchivage dans modal et hover actions, styles dédiés avec titre centré et icône archive, layout responsive identique à Notes, et correction logique filtrage renderNotes pour exclusion mutuelle archive/notes normales

shaarli-pro/css/custom_views.css

@@ -2111,4 +2111,72 @@ body.view-notes .content-container {
     grid-template-columns: auto minmax(0, 1fr);
     align-items: center;
     gap: 10px;
+}
+
+/* --- ARCHIVE VIEW --- */
+body.view-archive .content-container {
+    padding: 2rem;
+    background-color: var(--bg-body);
+    min-height: 100vh;
+}
+
+[data-theme="dark"] body.view-archive .content-container {
+    background-color: var(--bg-body);
+}
+
+/* Archive Title */
+.archive-title-container {
+    text-align: center;
+    margin-bottom: 1rem;
+}
+
+.archive-title {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: var(--text-color, #202124);
+    margin: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+}
+
+.archive-title i {
+    font-size: 1.5rem;
+    color: var(--primary-color, #2563eb);
+}
+
+[data-theme="dark"] .archive-title {
+    color: #e8eaed;
+}
+
+.archive-subtitle {
+    font-size: 0.875rem;
+    color: var(--text-light, #5f6368);
+    margin: 0.25rem 0 0 0;
+}
+
+[data-theme="dark"] .archive-subtitle {
+    color: #9aa0a6;
+}
+
+/* Archive wrapper */
+.archive-wrapper {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+/* Archive top bar adjustments */
+.archive-top-bar {
+    flex-direction: column;
+    align-items: center;
+    padding-right: 0;
+    gap: 1rem;
+}
+
+.archive-top-bar .notes-tools {
+    position: relative;
+    right: auto;
+    top: auto;
+    transform: none;
 }