rebrand: Schaeffler Automat → Hart.O.Mat — Hartomatisierung 2.0

- Sidebar: Hart.O.Mat + Hartomatisierung 2.0
- Logo badge: S → H
- Mobile header: Hart.O.Mat
- Page title: Hart.O.Mat — Hartomatisierung 2.0

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

frontend/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/schaeffler.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Schaeffler Automat</title>
+    <title>Hart.O.Mat — Hartomatisierung 2.0</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />

frontend/src/components/layout/Layout.tsx

@@ -81,7 +81,7 @@ export default function Layout() {
         >
           <Menu size={20} />
         </button>
-        <span className="flex-1 text-sm font-semibold text-content">Schaeffler Automat</span>
+        <span className="flex-1 text-sm font-semibold text-content">Hart.O.Mat</span>
         <NotificationCenter />
       </header>
 
@@ -105,11 +105,11 @@ export default function Layout() {
         <div className="p-5 border-b border-border-default">
           <div className="flex items-center gap-3">
             <div className="w-8 h-8 bg-accent rounded flex items-center justify-center">
-              <span className="text-accent-text text-sm font-bold">S</span>
+              <span className="text-accent-text text-sm font-bold">H</span>
             </div>
             <div className="flex-1">
-              <p className="font-semibold text-content text-sm">Schaeffler</p>
-              <p className="text-xs text-content-muted">Automat</p>
+              <p className="font-semibold text-content text-sm">Hart.O.Mat</p>
+              <p className="text-xs text-content-muted">Hartomatisierung 2.0</p>
             </div>
             {/* NotificationCenter in sidebar header (desktop); hidden on mobile (shown in top bar) */}
             <span className="hidden md:block">