Topbar auf globalen Prüf-Timer reduziert, Aktionen+Beschreibung über Tabellen, sortierbare Listen

- Topbar zeigt rechts jetzt ausschließlich den "Nächste Prüfung"-Countdown,
  konsistent auf jeder Seite (auch anonymes Dashboard) statt nur auf dem
  Dashboard. Neuer Context-Processor inject_check_timer()/get_last_run_at()
  liefert last_run/interval global, ohne dass jede Route das selbst
  berechnen muss.
- "+ Neu ..."-Buttons (Devices, Switches, Zugangsdaten, Benutzer, Gruppen)
  aus der Topbar entfernt und stattdessen in einen .section-head direkt
  über der jeweiligen Tabelle verschoben, zusammen mit einer kurzen
  Beschreibung der Seite (bisher nur bei Zugangsdaten/Gruppen vorhanden,
  jetzt auch bei Geräte/Switche/Benutzer).
- Live-Log: eigene lokale Timer-Pill entfernt (redundant zum globalen
  Timer), "Aktualisieren"-Button in denselben section-head verschoben.
  Dashboard: Suchfeld aus der Topbar in den Seiteninhalt verschoben, lokale
  Timer-Anzeige entfernt (übernimmt die globale Topbar-Pill), Reload-bei-
  Intervallende-Logik bleibt als separater, unsichtbarer Scheduler erhalten.
- Neue generische Tabellen-Sortierung (app.js: initSortableTables): Klick
  auf eine Spaltenüberschrift mit data-sort-key sortiert die Zeilen anhand
  von data-sort-<key>-Attributen. Unterstützt auch Akkordeon-Tabellen mit
  mehreren <tbody> (Gruppen: Haupt- + Detail-Zeile bleiben als Einheit
  zusammen, die virtuelle "Admin"-Zeile bleibt über data-sort-pinned immer
  oben). Angewendet auf Geräte, Switche, Zugangsdaten, Benutzer, Gruppen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

srv/poe_manager/templates/devices.html

@@ -8,17 +8,22 @@
 {% set col_count = 5 + (1 if can_toggle else 0) + (1 if show_actions_col else 0) %}
 {% block page_title %}Clients{% endblock %}
 {% block page_sub %}<div class="topbar-sub">{{ devices|length }} Geräte</div>{% endblock %}
-{% block topbar_right %}
-{% if can_create %}
-<button type="button" class="btn btn-primary" data-open-modal="deviceModal" onclick="resetDeviceForm()">
-  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>
-  Neues Gerät
-</button>
-{% endif %}
-{% endblock %}
 
 {% block content %}
 
+<div class="section-head">
+  <div>
+    <h2 style="font-size:16px;">Geräte</h2>
+    <div class="hint">PoE-Geräte mit IP, MAC-Adresse und zugeordnetem Switch-Port für die automatische Erreichbarkeitsprüfung.</div>
+  </div>
+  {% if can_create %}
+  <button type="button" class="btn btn-primary" data-open-modal="deviceModal" onclick="resetDeviceForm()">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg>
+    Neues Gerät
+  </button>
+  {% endif %}
+</div>
+
 <div class="table-wrap">
   <div class="table-toolbar">
     <div class="search-input">
@@ -27,21 +32,21 @@
     </div>
   </div>
   <div style="overflow-x:auto;">
-  <table class="data-table" id="devicesTable">
+  <table class="data-table" id="devicesTable" data-sortable>
     <thead>
       <tr>
-        <th>Hostname</th>
-        <th>IP-Adresse</th>
-        <th>MAC-Adresse</th>
-        <th>Switch</th>
-        <th>Port</th>
+        <th data-sort-key="hostname">Hostname</th>
+        <th data-sort-key="ip">IP-Adresse</th>
+        <th data-sort-key="mac">MAC-Adresse</th>
+        <th data-sort-key="switch">Switch</th>
+        <th data-sort-key="port">Port</th>
         {% if can_toggle %}<th>Status</th>{% endif %}
         {% if show_actions_col %}<th style="width:1%;">Aktionen</th>{% endif %}
       </tr>
     </thead>
     <tbody>
       {% for d in devices %}
-      <tr>
+      <tr data-sort-hostname="{{ d['name']|lower }}" data-sort-ip="{{ d['rpi_ip']|lower }}" data-sort-mac="{{ d['mac']|lower }}" data-sort-switch="{{ (d['switch_hostname'] or '')|lower }}" data-sort-port="{{ (d['port'] or '')|lower }}">
         <td class="cell-name">{{ d['name'] }}</td>
         <td class="mono">{{ d['rpi_ip'] }}</td>
         <td class="mono">{{ d['mac'] }}</td>