Finanzen: Seitenkopf, Statuszeile, Kennzahlen und Aufgaben ohne Karten; Kpi entfernt

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/components/finance/StatusLine.jsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react'
-import { FaRotate, FaTriangleExclamation } from 'react-icons/fa6'
 import { Button } from '../ui'
 import { statusItems } from '../../lib/financeView'
+import { noticeProps } from '../../lib/financeUi'
 
 /**
  * Block 0: Stand von Bank und Stripe in einer Zeile und der Knopf „Aktualisieren“.
@@ -37,21 +37,15 @@ export default function StatusLine({ stand, onRefresh, refreshing = false }) {
         <div className="fin-status-items">
           {items.map((item) => (
             <span key={item.key} className={`fin-status-item${item.ok ? '' : ' fin-status-warn'}`}>
-              {!item.ok && <FaTriangleExclamation aria-hidden="true" />}
               {item.text}
             </span>
           ))}
         </div>
-        <Button size="sm" variant="ghost" onClick={handleRefresh} disabled={refreshing}>
-          <FaRotate className={refreshing ? 'fin-spin' : undefined} aria-hidden="true" />{' '}
+        <Button onClick={handleRefresh} disabled={refreshing}>
           {refreshing ? 'Aktualisiere …' : 'Aktualisieren'}
         </Button>
       </div>
-      {hint && (
-        <p className={`fin-hint${hint.limited ? '' : ' fin-hint-warn'}`} role={hint.limited ? 'status' : 'alert'}>
-          {hint.text}
-        </p>
-      )}
+      {hint && <p {...noticeProps(hint.limited ? 'info' : 'warn', 'fin-notice')}>{hint.text}</p>}
     </div>
   )
 }