feat: refactorer la pagination avec design moderne, styles flexbox optimisés, support thème clair/sombre, label dynamique Notes/Bookmarks selon contexte, correction de la syntaxe de boucle des plugins, et masquage temporaire du titre dans le header

shaarli-pro/css/style.css

@@ -1068,6 +1068,111 @@ input:checked+.theme-slider:before {
     color: white;
 }
 
+/* ===== Pagination ===== */
+.paging {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+    width: 100%;
+    margin: 1.25rem 0 0;
+    padding: 0.75rem 0.9rem;
+    border: 1px solid var(--border);
+    border-radius: 0.75rem;
+    background: var(--bg-card);
+}
+
+.content-toolbar .paging {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+}
+
+.paging-links {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.paging-newer,
+.paging-older {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border-radius: 0.5rem;
+    border: 1px solid var(--border);
+    color: var(--text-secondary);
+    background: var(--bg-body);
+    text-decoration: none;
+    transition: all 0.15s ease;
+}
+
+.paging-newer:hover,
+.paging-older:hover {
+    border-color: var(--primary);
+    color: var(--primary);
+    background: var(--primary-light);
+}
+
+.paging-current {
+    font-size: 0.86rem;
+    color: var(--text-secondary);
+    text-transform: uppercase;
+    letter-spacing: 0.03em;
+}
+
+.paging-current strong {
+    color: var(--text-main);
+}
+
+.paging-stats {
+    font-size: 1.05rem;
+    font-weight: 600;
+    color: var(--text-main);
+}
+
+.paging.single-page .paging-stats {
+    font-size: 0.95rem;
+}
+
+.paging-plugin {
+    display: inline-flex;
+    align-items: center;
+}
+
+.paging-plugin a {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 30px;
+    min-height: 30px;
+    padding: 0.2rem 0.45rem;
+    border-radius: 0.45rem;
+    border: 1px solid var(--border);
+    background: var(--bg-body);
+    color: var(--text-secondary);
+    text-decoration: none;
+}
+
+body.view-notes .paging {
+    margin-top: 1rem;
+}
+
+@media (max-width: 768px) {
+    .paging {
+        padding: 0.65rem 0.75rem;
+    }
+
+    .paging-stats {
+        width: 100%;
+        order: -1;
+    }
+}
 
 /* ===== Links Grid/List ===== */
 .links-list {