Live-Log-Fix, Sidebar-Untermenüs für Geräte/Einstellungen, eigenes Konto

- Live-Log-Bug behoben: _latest_log_file() sortierte nach Datei-ctime statt
  nach Dateiname — auf manchen Dateisystemen (u.a. unter WSL2 auf einem
  gemounteten Windows-Laufwerk) unzuverlässig und lieferte nicht immer das
  tatsächlich neueste Logfile. Sortiert jetzt wie der Rest des Codes über
  den chronologisch sortierbaren Dateinamen (rpi-YYYYMMDDHHMMSS.log).
- Navbar umstrukturiert in aufklappbare Gruppen mit Unterpunkten:
  - "Geräte": Clients (bisherige Devices-Seite), Switche, Zugangsdaten
  - "Einstellungen": Benutzer, Gruppen, Systemeinstellungen (Prüfintervall),
    Im-/Export
  - "Logs": Live, Änderungen (vormals Live-Log/Änderungslog)
  Sichtbarkeit gilt jetzt auch pro Unterpunkt: eine Gruppe erscheint nur,
  wenn mindestens ein Unterpunkt für den Benutzer sichtbar ist, und zeigt
  dann auch nur die sichtbaren Unterpunkte.
- Im-/Export als eigene Unterseite mit Export/Import nebeneinander
  (.settings-grid).
- Neue Seite "Mein Konto" (/account, erreichbar über ein Zahnrad-Symbol
  neben dem eigenen Namen in der Sidebar) ersetzt das bisherige Profil-Modal:
  Profil/Passwort/Profilbild als volle Seite, dazu für Admins die
  Navbar-Reihenfolge (aus den Systemeinstellungen hierher verschoben).

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

srv/poe_manager/templates/account.html

@@ -0,0 +1,99 @@
+{% extends "base.html" %}
+{% block page_title %}Mein Konto{% endblock %}
+{% block page_sub %}<div class="topbar-sub">{{ current_user.username }}</div>{% endblock %}
+
+{% block content %}
+
+{% if current_user.is_admin %}
+<div class="card card-pad" style="margin-bottom:24px;">
+  <div class="section-head" style="margin-bottom:16px;">
+    <div>
+      <h2 style="font-size:16px;">Navbar-Reihenfolge</h2>
+      <div class="hint">Bestimmt, in welcher Reihenfolge die Menüpunkte in der Sidebar erscheinen. Jeder Benutzer sieht davon nur, wofür er auch berechtigt ist.</div>
+    </div>
+  </div>
+  <form method="post" action="{{ url_for('save_nav_order') }}" id="navOrderForm">
+    <ul class="nav-order-list" id="navOrderList">
+      {% for item in nav_items_ordered %}
+      <li data-key="{{ item.key }}">
+        <span>{{ item.label }}</span>
+        <div class="nav-order-actions">
+          <button type="button" class="icon-btn" title="Nach oben" onclick="moveNavItem(this,-1)">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5M5 12l7-7 7 7"/></svg>
+          </button>
+          <button type="button" class="icon-btn" title="Nach unten" onclick="moveNavItem(this,1)">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12l7 7 7-7"/></svg>
+          </button>
+        </div>
+        <input type="hidden" name="nav_order" value="{{ item.key }}">
+      </li>
+      {% endfor %}
+    </ul>
+    <button type="submit" class="btn btn-primary btn-block">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>
+      Reihenfolge speichern
+    </button>
+  </form>
+</div>
+{% endif %}
+
+<div class="settings-grid">
+
+  <div class="card card-pad">
+    <div class="section-head" style="margin-bottom:16px;">
+      <div>
+        <h2 style="font-size:16px;">Profil</h2>
+        <div class="hint">Name und Profilbild ändern sich in der Sidebar und im Änderungslog.</div>
+      </div>
+    </div>
+
+    <div style="display:flex; align-items:center; gap:14px; margin-bottom:20px;">
+      {% if current_user.avatar_url %}
+      <img src="{{ current_user.avatar_url }}" alt="" style="width:56px; height:56px; border-radius:50%; object-fit:cover;">
+      {% else %}
+      <div class="user-avatar" style="width:56px; height:56px; font-size:18px;">{{ current_user.username[:2]|upper }}</div>
+      {% endif %}
+      <form method="post" action="{{ url_for('profile') }}" enctype="multipart/form-data" id="avatarForm" style="flex:1;">
+        <input type="file" name="avatar" id="avatarInput" accept="image/png,image/jpeg,image/gif,image/webp" style="display:none;" onchange="document.getElementById('avatarForm').requestSubmit();">
+        <button type="button" class="btn btn-secondary" style="width:100%;" onclick="document.getElementById('avatarInput').click();">Profilbild ändern</button>
+        <input type="hidden" name="upload_avatar" value="1">
+      </form>
+    </div>
+
+    <form method="post" action="{{ url_for('profile') }}" id="profileForm">
+      <div class="field"><label>Vorname</label><input type="text" name="first_name" value="{{ current_user.first_name or '' }}"></div>
+      <div class="field"><label>Name</label><input type="text" name="last_name" value="{{ current_user.last_name or '' }}"></div>
+      <div class="field"><label>Username</label><input type="text" value="{{ current_user.username }}" disabled></div>
+      <button type="submit" name="update_profile" value="1" class="btn btn-primary btn-block">Speichern</button>
+    </form>
+  </div>
+
+  <div class="card card-pad">
+    <div class="section-head" style="margin-bottom:16px;">
+      <div>
+        <h2 style="font-size:16px;">Passwort ändern</h2>
+        <div class="hint">Erfordert Eingabe des aktuellen Passworts.</div>
+      </div>
+    </div>
+    <form method="post" action="{{ url_for('profile') }}" id="passwordForm">
+      <div class="field"><label>Aktuelles Passwort</label><input type="password" name="current_password" autocomplete="current-password"></div>
+      <div class="field"><label>Neues Passwort</label><input type="password" name="new_password" autocomplete="new-password"></div>
+      <div class="field"><label>Neues Passwort bestätigen</label><input type="password" name="confirm_password" autocomplete="new-password"></div>
+      <button type="submit" name="change_password" value="1" class="btn btn-secondary btn-block">Passwort ändern</button>
+    </form>
+  </div>
+
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+function moveNavItem(btn, dir) {
+    const li = btn.closest("li");
+    const target = dir === -1 ? li.previousElementSibling : li.nextElementSibling;
+    if (!target) return;
+    if (dir === -1) li.parentNode.insertBefore(li, target);
+    else li.parentNode.insertBefore(target, li);
+}
+</script>
+{% endblock %}