Replace emoji UI icons with a shared SVG icon system.

Add an icons sprite and helpers so nav, actions, and protocol cards use consistent stroke icons.

Co-authored-by: Cursor <cursoragent@cursor.com>

templates/index.html

@@ -1,14 +1,15 @@
 {% extends "base.html" %}
+{% from "macros/icons.html" import icon %}
 
 {% block content %}
 <section>
     <div class="flex items-center justify-between" style="margin-bottom: var(--space-lg);">
         <h1 class="section-title" style="margin-bottom:0;">
-            <span class="icon">🖥</span>
+            <span class="icon">{{ icon('server') }}</span>
             {{ _('nav_servers') }}
         </h1>
         <button class="btn btn-primary" onclick="openModal('addServerModal')">
-            <span>＋</span> {{ _('add_server') }}
+            {{ icon('plus') }} {{ _('add_server') }}
         </button>
     </div>
 
@@ -20,7 +21,7 @@
             data-username="{{ server.username }}" data-auth="{{ 'key' if server.private_key else 'password' }}"
             draggable="true">
             <div class="server-meta">
-                <div class="server-icon">🖥</div>
+                <div class="server-icon">{{ icon('server') }}</div>
                 <div style="min-width: 0; flex: 1;">
                     <div class="server-name">
                         <span class="ping-dot ping-pending" id="ping-{{ loop.index0 }}"
@@ -57,11 +58,11 @@
                 </a>
                 <button class="btn btn-secondary btn-sm btn-icon" onclick="openEditServer(this)"
                     title="{{ _('edit') }}">
-                    ✏️
+                    {{ icon('pencil') }}
                 </button>
                 <button class="btn btn-danger btn-sm btn-icon" onclick="deleteServer({{ loop.index0 }})"
                     title="{{ _('delete') }}">
-                    🗑
+                    {{ icon('trash') }}
                 </button>
             </div>
         </div>
@@ -69,13 +70,13 @@
     </div>
     {% else %}
     <div class="empty-state">
-        <div class="empty-icon">🛡</div>
+        <div class="empty-icon">{{ icon('shield') }}</div>
         <div class="empty-title">{{ _('no_servers') }}</div>
         <div class="empty-desc">
             {{ _('add_server_desc') }}
         </div>
         <button class="btn btn-primary" onclick="openModal('addServerModal')">
-            <span>＋</span> {{ _('add_server') }}
+            {{ icon('plus') }} {{ _('add_server') }}
         </button>
     </div>
     {% endif %}