Finanzen: Vorschau, Steuer und Abos

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

src/pages/FinancePage.jsx

@@ -5,6 +5,9 @@ import { PageHeader, Card, Button } from '../components/ui'
 import StatusLine from '../components/finance/StatusLine'
 import LiquidityHead from '../components/finance/LiquidityHead'
 import TodoList from '../components/finance/TodoList'
+import ForecastTable from '../components/finance/ForecastTable'
+import TaxCard from '../components/finance/TaxCard'
+import AboCard from '../components/finance/AboCard'
 import { useFinanceOverview } from '../hooks/useFinanceOverview'
 import { createFixedCost, refreshBank, startBankAuth } from '../lib/financeApi'
 import { planTodoAction, safeUrl } from '../lib/financeView'
@@ -100,6 +103,18 @@ export default function FinancePage() {
         <StatusLine stand={data.stand} onRefresh={refresh} refreshing={refreshing} />
         <LiquidityHead kopf={data.kopf} />
         <TodoList aufgaben={data.aufgaben} onAction={handleAction} />
+        <div className="fin-cols">
+          <ForecastTable
+            vorschau={data.vorschau}
+            kontostandCents={data.kopf?.kontostandCents}
+            stripeDown={data.stand?.stripe?.ok === false}
+            abosFehler={Boolean(data.abos?.fehler)}
+          />
+          <TaxCard steuer={data.steuer} />
+        </div>
+        <div className="fin-cols fin-cols-half">
+          <AboCard abos={data.abos} />
+        </div>
       </div>
     )
   }