feat(fw): Frontend /firewall mit 6 Tabs (Rules/NAT/Address-Objects/-Groups/Services/-Groups)

management-ui/src/pages/Firewall/:
* index.tsx — AntD Tabs default=Rules
* AddressObjects.tsx — Table + Modal (kind-Switch ändert Placeholder)
* AddressGroups.tsx — Members als Multi-Select aus Address-Objects
* Services.tsx — Builtin-Rows sind Edit/Delete-disabled mit Tooltip,
  Form blendet Port-Felder bei proto != tcp/udp aus
* ServiceGroups.tsx — analog AddressGroups
* Rules.tsx — Renderer mit object/group/cidr/any-Switch pro Seite
  + Service-Picker; Action+Zone als Tags in der Tabelle
* NATRules.tsx — kind-spezifische Form (DNAT braucht in_zone+dport,
  SNAT/MASQ braucht out_zone, MASQ verbietet target_addr)

Sidebar bekommt eigene Sektion "Sicherheit" mit FireOutlined-Icon
für /firewall. i18n de/en für alle 6 Tabs + Form-Labels.

Backend war schon im vorigen Commit fertig — diese Pages konsumieren
direkt /api/v1/firewall/{address-objects,address-groups,services,
service-groups,rules,nat-rules}. Renderer (nft aus den Joins) +
auto-apply folgen in den nächsten Commits — bis dahin sind die Rules
in der DB sichtbar aber noch nicht aktiv im Kernel.

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

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

@@ -0,0 +1,30 @@
+import { Tabs, Typography } from 'antd'
+import { useTranslation } from 'react-i18next'
+
+import AddressObjectsTab from './AddressObjects'
+import AddressGroupsTab from './AddressGroups'
+import ServicesTab from './Services'
+import ServiceGroupsTab from './ServiceGroups'
+import RulesTab from './Rules'
+import NATRulesTab from './NATRules'
+
+export default function FirewallPage() {
+  const { t } = useTranslation()
+
+  const tabs = [
+    { key: 'rules',    label: t('fw.tabs.rules'),    children: <RulesTab /> },
+    { key: 'nat',      label: t('fw.tabs.nat'),      children: <NATRulesTab /> },
+    { key: 'addrObj',  label: t('fw.tabs.addrObj'),  children: <AddressObjectsTab /> },
+    { key: 'addrGrp',  label: t('fw.tabs.addrGrp'),  children: <AddressGroupsTab /> },
+    { key: 'services', label: t('fw.tabs.services'), children: <ServicesTab /> },
+    { key: 'svcGrp',   label: t('fw.tabs.svcGrp'),   children: <ServiceGroupsTab /> },
+  ]
+
+  return (
+    <div>
+      <Typography.Title level={3}>{t('fw.title')}</Typography.Title>
+      <Typography.Paragraph type="secondary">{t('fw.intro')}</Typography.Paragraph>
+      <Tabs items={tabs} defaultActiveKey="rules" />
+    </div>
+  )
+}