Abo-Angebote im Ticketsystem: Sammelliste, neues Angebot, Kunden-Reiter Abo & Angebote

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

src/pages/CustomerDetailPage.jsx

@@ -17,6 +17,7 @@ import ChatThread from '../components/chat/ChatThread'
 import AboStatusCard from '../components/customer/AboStatusCard'
 import CustomerFunktionen from '../components/customer/CustomerFunktionen'
 import CreditsView from '../components/credits/CreditsView'
+import OffersView from '../components/offers/OffersView'
 import KundenansichtButton from '../components/customer/KundenansichtButton'
 import { getCustomerPortalStatus } from '../lib/teamApi'
 import { formatLastLogin } from '../lib/lastLogin'
@@ -109,7 +110,12 @@ export default function CustomerDetailPage() {
       {activeTab === 'invoices' && <CustomerInvoices customer={customer} onShowOverview={() => setTab('overview')} />}
       {activeTab === 'projects' && <CustomerProjects customerId={customer.$id} />}
       {activeTab === 'chat' && <Card><ChatThread customerId={customer.$id} customerName={customer.name} /></Card>}
-      {activeTab === 'abo' && <AboStatusCard customerId={customer.$id} />}
+      {activeTab === 'abo' && (
+        <>
+          <AboStatusCard customerId={customer.$id} />
+          <div style={{ marginTop: 16 }}><OffersView customerId={customer.$id} customerName={customer.name} /></div>
+        </>
+      )}
       {activeTab === 'gutschriften' && <CreditsView customerId={customer.$id} />}
       {activeTab === 'funktionen' && <CustomerFunktionen customerId={customer.$id} />}
       {activeTab === 'protokoll' && <CustomerViewLog customerId={customer.$id} />}