feat: Kapitänsmütze statt Text in Skipper-Signatur-Badge

Eigenes CaptainCap-Icon im Lucide-Stil; Tooltip und aria-label bleiben für Barrierefreiheit.

Co-authored-by: Cursor <cursoragent@cursor.com>

client/src/components/EntrySkipperSignBadge.tsx

@@ -1,5 +1,6 @@
 import { useTranslation } from 'react-i18next'
-import { AlertTriangle, Fingerprint } from 'lucide-react'
+import { AlertTriangle } from 'lucide-react'
+import CaptainCap from './icons/CaptainCap.tsx'
 import type { SkipperSignStatus } from '../utils/signatures.js'
 
 interface EntrySkipperSignBadgeProps {
@@ -12,18 +13,18 @@ export default function EntrySkipperSignBadge({ status }: EntrySkipperSignBadgeP
   if (status === 'none') return null
 
   const isValid = status === 'valid'
+  const label = isValid
+    ? t('logs.sign_badge_skipper_title_valid')
+    : t('logs.sign_badge_skipper_title_invalid')
 
   return (
     <span
       className={`entry-sign-badge entry-sign-badge--skipper ${isValid ? 'valid' : 'invalid'}`}
-      title={
-        isValid
-          ? t('logs.sign_badge_skipper_title_valid')
-          : t('logs.sign_badge_skipper_title_invalid')
-      }
+      title={label}
+      aria-label={label}
     >
-      {isValid ? <Fingerprint size={12} /> : <AlertTriangle size={12} />}
-      {isValid ? t('logs.sign_badge_skipper') : t('logs.sign_badge_skipper_invalid')}
+      {isValid ? <CaptainCap size={14} /> : <AlertTriangle size={12} />}
+      {!isValid && t('logs.sign_badge_skipper_invalid')}
     </span>
   )
 }

client/src/components/icons/CaptainCap.tsx

@@ -0,0 +1,29 @@
+import type { SVGProps } from 'react'
+
+interface CaptainCapProps extends SVGProps<SVGSVGElement> {
+  size?: number | string
+}
+
+/** Skipper-/Kapitänsmütze im Lucide-Strichstil (nicht in lucide-react enthalten). */
+export default function CaptainCap({ size = 24, ...props }: CaptainCapProps) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden
+      {...props}
+    >
+      <path d="M5 11c0-3.5 3-6 7-6s7 2.5 7 6" />
+      <path d="M4 11h16" />
+      <path d="M4 11c0 2.5 3.2 4.5 8 4.5S20 13.5 20 11" />
+      <path d="M8 11h8" />
+    </svg>
+  )
+}