feat: ajouter boutons de suppression de tags interactifs avec pills redesignés (border-radius 999px), système de filtrage des tags techniques (note, shaarli-pin, note-color-, notefilter-, notebg-), fonction removeTagFromEntity pour suppression via API, synchronisation bidirectionnelle entre cartes et modale, et amélioration du style avec flexbox, gaps optimisés, et support complet thème clair/sombre

shaarli-pro/css/style.css

@@ -1359,22 +1359,64 @@ input:checked+.theme-slider:before {
     min-width: 0;
 }
 
-.link-tag a {
-    display: inline-block;
-    padding: 0.25rem 0.625rem;
+.link-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.25rem 0.5rem;
     background: var(--tag-bg);
     color: var(--tag-text);
-    border-radius: 0.375rem;
+    border-radius: 999px;
     font-size: 0.75rem;
     font-weight: 500;
     transition: all 0.15s ease;
 }
 
-.link-tag a:hover {
+.link-tag.is-tech-tag {
+    display: none;
+}
+
+.link-tag .link-tag-link {
+    color: inherit;
+    text-decoration: none;
+    display: inline-block;
+    line-height: 1.2;
+}
+
+.link-tag:hover {
     background: var(--primary);
     color: white;
 }
 
+.link-tag:hover .link-tag-link {
+    color: inherit;
+}
+
+.link-tag .tag-remove-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    border: none;
+    border-radius: 999px;
+    background: rgba(0, 0, 0, 0.12);
+    color: currentColor;
+    cursor: pointer;
+    padding: 0;
+    line-height: 1;
+    font-size: 14px;
+    opacity: 0.9;
+}
+
+[data-theme="dark"] .link-tag .tag-remove-btn {
+    background: rgba(255, 255, 255, 0.18);
+}
+
+.link-tag:hover .tag-remove-btn {
+    background: rgba(255, 255, 255, 0.22);
+}
+
 .view-grid .link-tag-list {
     align-self: stretch;
     justify-content: flex-end;