feat: F030 Anfragencenter — Aktive & Latente Anfragen + Angebot-Wizard

Neuer Menüpunkt «Anfragencenter» (ehemals «Eingehende Bedarfe»):

Aktive Anfragen:
- Split-View: Anfrageliste (Liste/Grid-Toggle) + Chat-Detailansicht
- Chat-Verlauf mit Sender-Styling (Mieter links, Supply rechts)
- Antwortformular mit Betreff, Nachricht, Anhänge, Statuswechsel
- Zugehörige Property Card neben dem Chat

Latente Anfragen:
- Drei-Spalten-Layout: Need-Liste | Need-Detail | Eigene Objekte
- Need Cards mit AI-Zusammenfassung, Must-Haves, Präferenzen
- Eigene Portfolio-Objekte sortiert nach deterministischem Match-Score
- Checkbox-Selektion für Angebotsauswahl

Angebot-Wizard (4 Schritte):
- Schritt 1: Objekte auswählen (mit Score-Vorschau)
- Schritt 2: PDF-Vorschau + editierbare Textfelder
- Schritt 3: Angebot prüfen & bestätigen
- Schritt 4: Nachricht an Suchenden mit KI-generierter Mail

Architektur:
- Domain: Inquiry, LatentNeed, OfferDraft Types
- Provider: IInquiryProvider, ILatentNeedProvider, IOfferProvider + Mockups
- Services: inquiryService, latentNeedService, offerService
- Hooks: useInquiries, useLatentNeeds, useOffers (TanStack Query)
- Store: offerWizardStore (Zustand, lokaler Wizard-State)
- 27 neue Komponenten, alle Loading/Empty/Error States

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

src/components/anfragencenter/PublicNeedCard.tsx

@@ -0,0 +1,85 @@
+import { Box, Chip, Paper, Typography } from '@mui/material'
+import { MapPin, Ruler } from 'lucide-react'
+import type { LatentNeed } from '../../domain/latentNeed'
+import { assetTypeLabel, latentStatusBadge } from './latentNeedUtils'
+
+interface PublicNeedCardProps {
+  need: LatentNeed
+  selected: boolean
+  onClick: () => void
+}
+
+export function PublicNeedCard({ need, selected, onClick }: PublicNeedCardProps) {
+  const statusCfg = latentStatusBadge(need.status)
+  return (
+    <Paper
+      onClick={onClick}
+      elevation={0}
+      sx={{
+        p: 1.5,
+        borderRadius: 1.5,
+        border: '1px solid',
+        borderColor: selected ? '#1e3a5f' : '#e2e8f0',
+        bgcolor: selected ? '#f1f5f9' : 'white',
+        cursor: 'pointer',
+        transition: 'all 0.15s',
+        '&:hover': {
+          borderColor: selected ? '#1e3a5f' : '#94a3b8',
+          boxShadow: '0 2px 6px rgba(15,23,42,0.06)',
+        },
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 0.75,
+      }}
+    >
+      <Box sx={{ display: 'flex', justifyContent: 'space-between', gap: 1, alignItems: 'flex-start' }}>
+        <Typography variant="body2" sx={{ fontWeight: 600, color: '#0f172a', fontSize: '0.85rem', lineHeight: 1.3 }}>
+          {need.title}
+        </Typography>
+        <Chip
+          label={statusCfg.label}
+          size="small"
+          sx={{
+            bgcolor: statusCfg.bg,
+            color: statusCfg.fg,
+            fontWeight: 600,
+            fontSize: '0.65rem',
+            height: 20,
+          }}
+        />
+      </Box>
+
+      {need.tenantCompany && (
+        <Typography variant="caption" sx={{ color: '#64748b', fontSize: '0.75rem' }}>
+          {need.tenantCompany}
+        </Typography>
+      )}
+
+      <Chip
+        label={assetTypeLabel(need.assetType)}
+        size="small"
+        sx={{
+          alignSelf: 'flex-start',
+          bgcolor: '#e0e7ff',
+          color: '#3730a3',
+          fontWeight: 600,
+          fontSize: '0.7rem',
+          height: 20,
+        }}
+      />
+
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, color: '#475569', fontSize: '0.75rem' }}>
+        <MapPin size={12} />
+        <Typography variant="caption" sx={{ fontSize: '0.75rem' }}>
+          {need.desiredLocation}
+        </Typography>
+      </Box>
+      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.75, color: '#475569', fontSize: '0.75rem' }}>
+        <Ruler size={12} />
+        <Typography variant="caption" sx={{ fontSize: '0.75rem' }}>
+          {need.sizeRange.min}–{need.sizeRange.max} m²
+        </Typography>
+      </Box>
+    </Paper>
+  )
+}