feat(ui): Pages auf neues Design + Dashboard + WG-Live-Status + Routing-Rules-Verstecken

Pages auf PageHeader/StatusDot/ActionButtons-Pattern migriert:
* Dashboard — Komplett-Rewrite. KPI-Tiles (Domains, Backends, Iface,
  FW-Rules, NAT, WG), Detail-Cards (WireGuard live status, Firewall
  zone overview, SSL expiring soon, Cluster nodes, Routing summary,
  System info). Polled queries pro Card.
* Domains, Backends, RoutingRules, Networks, IPAddresses, SSL,
  Cluster, Settings, Firewall (index) — alle inline Action-Buttons
  → ActionButtons; alle Yes/No-Renders → StatusDot; Add-Button in
  DataTable.extraActions; PageHeader oben.

WireGuard
---------
* Neuer /wireguard/status-Endpoint parsed `wg show all dump`,
  liefert {iface, peer_pubkey, endpoint, last_handshake_unix, rx, tx}.
  Sudoers im postinst um `wg show` erweitert.
* Server-Drawer Peer-Liste zeigt jetzt Live-Status (Online/Offline-
  Dot, "vor Xs", Traffic-Counter) per 10s-Polling. Importierte
  "Unify Home" peer kann jetzt im UI verifiziert werden.
* Importer-Bug fixed: nextName ("# Unify Home" comment) wurde beim
  Sektionswechsel zu früh geresettet — jetzt nur nach echtem
  flushPeer.

Routing-Rules
-------------
* Aus Sidebar entfernt. URL bleibt funktional, aber für 90% der
  Setups reicht domains.primary_backend_id (das HAProxy ohnehin
  als default_backend rendert). Path-basiertes Routing ist ein
  Advanced-Feature und kommt später als Domain-Modal-Tab zurück.
* nav.routing-Sidebar-Eintrag + BranchesOutlined-Import entfernt.

Misc
----
* "Firewall (v2)" → "Firewall" im Nav (DE).
* Dashboard-i18n Block in DE+EN.
* Version 1.0.11 → 1.0.12.

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

management-ui/src/pages/Domains/index.tsx

@@ -1,9 +1,13 @@
 import { useState } from 'react'
-import { Button, Form, Input, Modal, Popconfirm, Select, Space, Switch, Tag, Typography, message } from 'antd'
+import { Button, Form, Input, Modal, Select, Switch, Tag, message } from 'antd'
 import type { ColumnsType } from 'antd/es/table'
+import { GlobalOutlined, PlusOutlined } from '@ant-design/icons'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useTranslation } from 'react-i18next'
 import DataTable from '../../components/DataTable'
+import PageHeader from '../../components/PageHeader'
+import ActionButtons from '../../components/ActionButtons'
+import StatusDot from '../../components/StatusDot'
 
 import apiClient, { isEnvelope } from '../../api/client'
 
@@ -103,22 +107,21 @@ export default function DomainsPage() {
     {
       title: t('domains.primaryBackend'), dataIndex: 'primary_backend_id', key: 'primary_backend_id',
       render: (id?: number | null) => {
-        if (!id) return <Tag color="default">{t('domains.noBackend')}</Tag>
+        if (!id) return <Tag>{t('domains.noBackend')}</Tag>
         const b = backendById(id)
         return b
           ? <Tag color="blue">{b.name} ({b.address}:{b.port})</Tag>
           : <Tag color="orange">#{id}</Tag>
       },
     },
-    { title: t('domains.active'), dataIndex: 'active', key: 'active', render: (v: boolean) => v ? t('common.yes') : t('common.no') },
-    { title: t('domains.httpToHttps'), dataIndex: 'http_to_https', key: 'http_to_https', render: (v: boolean) => v ? t('common.yes') : t('common.no') },
-    { title: t('domains.hsts'), dataIndex: 'hsts_enabled', key: 'hsts', render: (v: boolean) => v ? t('common.yes') : t('common.no') },
+    { title: t('domains.active'), dataIndex: 'active', key: 'active', render: (v: boolean) => <StatusDot active={v} /> },
+    { title: t('domains.httpToHttps'), dataIndex: 'http_to_https', key: 'http_to_https', render: (v: boolean) => <StatusDot active={v} activeLabel="HTTPS" inactiveLabel="HTTP" /> },
+    { title: t('domains.hsts'), dataIndex: 'hsts_enabled', key: 'hsts', render: (v: boolean) => <StatusDot active={v} /> },
     {
-      title: t('domains.actions'),
-      key: 'actions',
+      title: t('common.actions'), key: 'actions',
       render: (_, row) => (
-        <Space>
-          <Button size="small" onClick={() => {
+        <ActionButtons
+          onEdit={() => {
             setEditing(row)
             form.setFieldsValue({
               name: row.name,
@@ -128,34 +131,34 @@ export default function DomainsPage() {
               primary_backend_id: row.primary_backend_id ?? null,
               notes: row.notes ?? '',
             })
-          }}>{t('domains.edit')}</Button>
-          <Popconfirm
-            title={t('domains.deleteConfirm', { name: row.name })}
-            onConfirm={() => del.mutate(row.id)}
-          >
-            <Button size="small" danger>{t('domains.delete')}</Button>
-          </Popconfirm>
-        </Space>
+          }}
+          onDelete={() => del.mutate(row.id)}
+          deleteConfirm={t('domains.deleteConfirm', { name: row.name })}
+        />
       ),
     },
   ]
 
   return (
     <div>
-      <Typography.Title level={3}>{t('domains.title')}</Typography.Title>
-      <Button type="primary" style={{ marginBottom: 16 }} onClick={() => {
-        setCreating(true)
-        form.resetFields()
-        form.setFieldsValue({ active: true, http_to_https: true, hsts_enabled: false })
-      }}>
-        {t('domains.addDomain')}
-      </Button>
+      <PageHeader
+        icon={<GlobalOutlined />}
+        title={t('domains.title')}
+        subtitle={t('domains.intro')}
+      />
       <DataTable
         rowKey="id"
         loading={isLoading}
         dataSource={data ?? []}
         columns={columns}
-        
+        extraActions={
+          <Button type="primary" icon={<PlusOutlined />} onClick={() => {
+            setCreating(true); form.resetFields()
+            form.setFieldsValue({ active: true, http_to_https: true, hsts_enabled: false })
+          }}>
+            {t('domains.addDomain')}
+          </Button>
+        }
       />
       <Modal
         title={editing ? t('domains.editDomain') : t('domains.addDomain')}