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/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">