feat: refactorer la recherche avec modale moderne, pills interactives Notes/Tags/All, résultats avec badges kind et tags inline, chips de filtrage avec bouton close, layout responsive mobile optimisé, et simplification majeure du CSS avec suppression de 2500+ lignes de styles obsolètes (content-container, toolbar, pagination, link cards, compact table, etc.)

shaarli-pro/linklist.html

@@ -12,6 +12,10 @@
                {loop="$plugin_start_zone"}
                {$value}
                {/loop}
+               {$active_search_tags=[]}
+               {if="!empty($search_tags)"}
+               {$active_search_tags=tags_str2array($search_tags, $tags_separator)}
+               {/if}
                <!-- {* ----- toolbar ----- *} -->
                <div class="content-toolbar">
                     <div class="toolbar-left">{include="linklist.paging"}</div>
@@ -32,8 +36,7 @@
                {if="!empty($search_tags)"}
                <div class="search-results-header">
                     <span class="search-count">{$result_count} résultat(s) tagué(s)</span>
-                    {$exploded_tags=tags_str2array($search_tags, $tags_separator)}
-                    {loop="$exploded_tags"}
+                    {loop="$active_search_tags"}
                     <span class="search-tag-chip">{$value} <a href="{$base_path}/remove-tag/{function="
                               urlencode($value)"}" class="search-tag-close" title="Retirer le tag"
                               aria-label="Retirer le tag {$value}"><i class="mdi mdi-close"
@@ -94,7 +97,7 @@
                               {if="$value.description"}<div class="link-description">{$value.description}</div>{/if}
                               <div class="link-footer">
                                    <div class="link-tag-list">
-                                        {loop="$value.taglist"}<span class="link-tag" data-tag="{$value}"><a
+                                        {loop="$value.taglist"}<span class="link-tag{if="in_array($value, $active_search_tags)"} is-search-match{/if}" data-tag="{$value}"><a
                                                   class="link-tag-link" href="{$base_path}/add-tag/{$value|urlencode}">{$value}</a>{if="$is_logged_in"}<button type="button" class="tag-remove-btn" data-tag="{$value}" aria-label="Supprimer le tag {$value}" title="Supprimer">&times;</button>{/if}</span>{/loop}
                                    </div>
                                    <div class="link-actions">