feat(web): cautare + paginare client-side pe tabelele din Mapari

Maparile pot creste la sute de randuri. Enhancer reutilizabil (data-dt) in
base.html filtreaza si pagineaza DOM-ul deja randat, fara cereri server; re-init
la full load si dupa swap-urile HTMX. Aplicat pe cele 3 tabele (De rezolvat /
operatii salvate / formate coloane).

Randurile cu <select> expun haystack explicit prin data-dt-row (cod_op + cod_rar
+ denumire): altfel optiunile selectului ar pune tot nomenclatorul in textContent
si orice cautare ar potrivi orice rand.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/web/templates/_mapari.html

@@ -37,6 +37,11 @@
       <a href="/?tab=acasa">Importa un fisier nou</a> daca vrei sa adaugi prezentari.
     </div>
     {% else %}
+    <div data-dt="10">
+    <div class="dt-tools">
+      <input type="search" data-dt-search class="dt-search"
+             placeholder="Cauta operatie sau cod..." aria-label="Cauta in operatiile de rezolvat">
+    </div>
     <div class="tablewrap">
     <table>
       <thead><tr>
@@ -50,7 +55,9 @@
       {% for e in pending %}
       {% set top = e.suggestions[0] if e.suggestions else None %}
       {% set preselect = top.cod_prestatie if (top and top.score >= 60) else '' %}
-        <tr>
+        {# data-dt-row = haystack de cautare (randul contine un <select> cu tot nomenclatorul). #}
+        <tr data-dt-row="{{ e.cod_op_service }} {{ e.denumire or '' }}
+            {%- for s in e.suggestions[:3] %} {{ s.cod_prestatie }}{% endfor %}">
           <td>
             <form id="map-rez-{{ loop.index }}" hx-post="/mapari" hx-target="#mapari-section" hx-swap="outerHTML">
               <input type="hidden" name="csrf_token" value="{{ csrf_token or '' }}">
@@ -89,6 +96,9 @@
       </tbody>
     </table>
     </div>
+    <div class="dt-empty" data-dt-empty style="display:none;">Nicio operatie nu se potriveste cautarii.</div>
+    <div class="dt-pager" data-dt-pager></div>
+    </div>
     {% endif %}
   </div>
 
@@ -105,6 +115,11 @@
     {% else %}
     {# US-005 (5.5): proza explicativa mutata in panoul Ajutor de la "De rezolvat" (o singura data). #}
 
+    <div data-dt="10">
+    <div class="dt-tools">
+      <input type="search" data-dt-search class="dt-search"
+             placeholder="Cauta operatie sau cod RAR..." aria-label="Cauta in maparile salvate">
+    </div>
     <div class="tablewrap">
     <table>
       <thead><tr>
@@ -115,7 +130,8 @@
       </tr></thead>
       <tbody>
       {% for m in saved_mappings %}
-        <tr>
+        {# data-dt-row = haystack de cautare (randul contine un <select> cu tot nomenclatorul). #}
+        <tr data-dt-row="{{ m.cod_op_service }} {{ m.cod_prestatie }} {{ m.nume_prestatie or '' }}">
           <td>
             <form id="map-salv-{{ loop.index }}" hx-post="/mapari/salvate" hx-target="#mapari-section" hx-swap="outerHTML">
               <input type="hidden" name="csrf_token" value="{{ csrf_token or '' }}">
@@ -160,6 +176,9 @@
       </tbody>
     </table>
     </div>
+    <div class="dt-empty" data-dt-empty style="display:none;">Nicio mapare nu se potriveste cautarii.</div>
+    <div class="dt-pager" data-dt-pager></div>
+    </div>
     {% endif %}
   </div>
 
@@ -179,6 +198,11 @@
       Antetele de fisier recunoscute. Un fisier cu alte coloane = format nou separat.
     </p>
 
+    <div data-dt="10">
+    <div class="dt-tools">
+      <input type="search" data-dt-search class="dt-search"
+             placeholder="Cauta coloana sau camp..." aria-label="Cauta in formatele de coloane">
+    </div>
     <div class="tablewrap">
     <table>
       <thead><tr>
@@ -224,6 +248,9 @@
       </tbody>
     </table>
     </div>
+    <div class="dt-empty" data-dt-empty style="display:none;">Niciun format nu se potriveste cautarii.</div>
+    <div class="dt-pager" data-dt-pager></div>
+    </div>
     {% endif %}
   </div>