feat: homelab deployment - NPM + IONOS DNS + monitoring + NAS backup

- Restructured docker-compose for Nginx Proxy Manager (no custom nginx)
- Added domain wordly.art configuration
- Added Prometheus + Grafana monitoring stack with pre-configured dashboards
- Added PostgreSQL backup script to NAS (daily/weekly/monthly rotation)
- Added alert rules for backend, system, and Docker metrics
- Updated deployment guide for NPM + IONOS DNS homelab setup
- Added marketing plan document
- PDF translator and watermark support
- Enhanced middleware, routes, and translator modules

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

frontend/src/app/admin/AdminHeader.tsx

@@ -11,11 +11,13 @@ import { useState } from "react";
 import { cn } from "@/lib/utils";
 import { useAdminLogin } from "./login/useAdminLogin";
 import { adminNavItems } from "./constants";
+import { useI18n } from "@/lib/i18n";
 
 export function AdminHeader() {
   const [mobileOpen, setMobileOpen] = useState(false);
   const pathname = usePathname();
   const { logout } = useAdminLogin();
+  const { t } = useI18n();
 
   return (
     <>
@@ -38,9 +40,9 @@ export function AdminHeader() {
         </div>
 
         <div className="hidden items-center gap-2 lg:flex">
-          <h1 className="text-xs font-semibold text-foreground">System Administration</h1>
+          <h1 className="text-xs font-semibold text-foreground">{t('admin.dashboard.title')}</h1>
           <Separator orientation="vertical" className="h-3" />
-          <span className="text-xs text-muted-foreground">Monitor infrastructure and manage users</span>
+          <span className="text-xs text-muted-foreground">{t('admin.dashboard.subtitle')}</span>
         </div>
 
         <div className="flex items-center gap-2">
@@ -48,7 +50,7 @@ export function AdminHeader() {
             variant="outline"
             className="border-destructive/30 bg-destructive/5 text-destructive text-[10px] px-1.5 py-0"
           >
-            <Shield className="mr-1 size-2.5" />
+            <Shield className="me-1 size-2.5" />
             Superadmin
           </Badge>
           <Avatar className="size-6">
@@ -66,7 +68,7 @@ export function AdminHeader() {
               const isActive = pathname === item.href;
               return (
                 <Link
-                  key={item.label}
+                  key={item.href}
                   href={item.href}
                   onClick={() => setMobileOpen(false)}
                   className={cn(
@@ -77,7 +79,7 @@ export function AdminHeader() {
                   )}
                 >
                   <item.icon className="size-3.5 shrink-0" />
-                  {item.label}
+                  {t(item.labelKey)}
                 </Link>
               );
             })}