feat: implémenter système Todo complet avec bouton segmenté sidebar (bookmark/note/todo), toggle Todo dans formulaire édition avec gestion émoji ✅ automatique, masquage champ URL pour notes/todos, tag shaarli-todo unifié (remplacement todo), déduplication tags case-insensitive, correction tag archive (shaarli-archiver→shaarli-archive), ajout shaarli-todo aux tags cachés par défaut, styles bouton segmenté avec gradient bleu et hover states, et support responsive mobile avec masquage tex

shaarli-pro/css/style.css

@@ -278,6 +278,58 @@ a:focus:not(:focus-visible) {
     color: white;
 }
 
+/* Sidebar Segmented Add Button */
+.sidebar-add-segmented {
+    display: flex;
+    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
+    border-radius: 0.75rem;
+    overflow: hidden;
+    box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3), 0 2px 4px -1px rgba(59, 130, 246, 0.2);
+}
+
+.sidebar-add-segment {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    flex: 1;
+    padding: 0.875rem 0.5rem;
+    background: transparent;
+    color: white;
+    font-weight: 600;
+    font-size: 0.9rem;
+    text-decoration: none;
+    transition: all 0.2s ease;
+    border-right: 1px solid rgba(255, 255, 255, 0.25);
+}
+
+.sidebar-add-segment:last-child {
+    border-right: none;
+}
+
+.sidebar-add-segment:hover {
+    background: rgba(255, 255, 255, 0.15);
+    color: white;
+}
+
+.sidebar-add-segment i {
+    font-size: 1.4rem;
+}
+
+.sidebar-add-segment span {
+    display: inline;
+}
+
+/* Responsive: hide text on small screens */
+@media (max-width: 240px) {
+    .sidebar-add-segment span {
+        display: none;
+    }
+    .sidebar-add-segment {
+        padding: 0.75rem;
+    }
+}
+
 /* Theme toggle in sidebar */
 .theme-toggle-wrapper {
     display: flex;