Kundenportal: Deaktivierte-Toggle in "Meine Verträge"-Header

Der Toggle "Deaktivierte anzeigen" saß im obersten Seiten-Header.
Verschoben in den Gruppen-Header "Meine Verträge" (rechtsbündig,
nur beim eigenen Kunden-Block), damit er direkt bei den Verträgen
sitzt statt losgelöst ganz oben.

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

frontend/src/pages/contracts/ContractList.tsx

@@ -344,18 +344,6 @@ export default function ContractList() {
     <div>
       <div className="flex items-center justify-between mb-6">
         <h1 className="text-2xl font-bold">Verträge</h1>
-        <div className="flex items-center gap-3">
-          {isCustomerPortal && (
-            <Button
-              size="sm"
-              variant={showDeactivated ? 'secondary' : 'ghost'}
-              onClick={() => setShowDeactivated((v) => !v)}
-              title="Deaktivierte Verträge ein-/ausblenden"
-            >
-              {showDeactivated ? <EyeOff className="w-4 h-4 mr-2" /> : <Eye className="w-4 h-4 mr-2" />}
-              {showDeactivated ? 'Deaktivierte ausblenden' : 'Deaktivierte anzeigen'}
-            </Button>
-          )}
         {hasPermission('contracts:create') && !isCustomer && (
           <Link to="/contracts/new">
             <Button>
@@ -365,7 +353,6 @@ export default function ContractList() {
           </Link>
         )}
       </div>
-      </div>
 
       <Card className="mb-6">
         <div className="flex gap-4 flex-wrap">
@@ -406,7 +393,8 @@ export default function ContractList() {
               {groupedContracts.map((group) => (
                 <Card key={group.isOwn ? 'own' : group.customerName}>
                   {/* Gruppen-Header */}
-                  <div className="flex items-center gap-3 mb-4 pb-3 border-b">
+                  <div className="flex items-center justify-between gap-3 mb-4 pb-3 border-b">
+                    <div className="flex items-center gap-3">
                       {group.isOwn ? (
                         <>
                           <User className="w-5 h-5 text-blue-600" />
@@ -423,6 +411,19 @@ export default function ContractList() {
                         </>
                       )}
                     </div>
+                    {/* Toggle rechtsbündig auf Höhe von "Meine Verträge" */}
+                    {group.isOwn && (
+                      <Button
+                        size="sm"
+                        variant={showDeactivated ? 'secondary' : 'ghost'}
+                        onClick={() => setShowDeactivated((v) => !v)}
+                        title="Deaktivierte Verträge ein-/ausblenden"
+                      >
+                        {showDeactivated ? <EyeOff className="w-4 h-4 mr-2" /> : <Eye className="w-4 h-4 mr-2" />}
+                        {showDeactivated ? 'Deaktivierte ausblenden' : 'Deaktivierte anzeigen'}
+                      </Button>
+                    )}
+                  </div>
 
                   {/* Baumstruktur */}
                   {group.tree.length > 0 ? (