refactor(arch): eliminate direct service calls in components — route all through hooks

New hook files:
- useAuth.ts: useLogin, useSwitchDemoRole, useSwitchOrganization
- useAI.ts: useParseNeed, useGenerateOfferEmail, useGenerateDecisionBrief, useParseListingText
- useAssistant.ts: useAssistantSuggestions (useQuery), useAssistantAnswer (useMutation)
- useOfferReport.ts: useOfferReportByInquiry, useCreateOfferReport, useUpdateOfferReport, useGenerateOfferReportPdf
- useInquiryReport.ts: useInquiryReportByInquiry, useCreateInquiryReport, useUpdateInquiryReport, useFinalizeInquiryReport
- useMarketReport.ts: useMarketReport
- useWeighting.ts: useDefaultWeights (synchronous wrapper)
- useUnitMatches.ts: useUnitMatchesMap, useUnitBundle, useBundleMatches (useMemo wrappers)

Extended hooks: useProperties (add update/create/remove mutations),
useNeeds (add useCreateNeed), useMatches (add useNeedMatchesForProperty,
useAdditionalMatchesForInquiry), useReviewQueue (add useCreateReviewTask)

Updated 21 components/pages: all direct service imports replaced with hooks.
Deliberate exception: getRecommendedActions in DataQuality.tsx (pure sync utility, no provider access).

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

src/components/supply/PropertyDetailView.tsx

@@ -10,12 +10,10 @@ import {
   Tabs,
   Typography,
 } from '@mui/material'
-import { useQueryClient } from '@tanstack/react-query'
 import { Edit2, Save, X } from 'lucide-react'
 import type { UpdatePropertyInput } from '../../domain/property'
-import { usePropertyById } from '../../hooks/useProperties'
+import { usePropertyById, useUpdateProperty } from '../../hooks/useProperties'
 import { PropertyDetailSkeleton } from './PropertyDetailSkeleton'
-import { propertyService } from '../../services/propertyService'
 import { useToastStore } from '../../stores/toastStore'
 import {
   getAssetTypeColor,
@@ -38,30 +36,32 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
   const [tab, setTab] = useState(0)
   const [editing, setEditing] = useState(false)
   const [draft, setDraft] = useState<UpdatePropertyInput>({})
-  const [saving, setSaving] = useState(false)
-  const queryClient = useQueryClient()
   const { data: property, isLoading } = usePropertyById(propertyId)
+  const updateProperty = useUpdateProperty()
   const showToast = useToastStore(s => s.showToast)
 
+  const saving = updateProperty.isPending
+
   function startEdit() {
     setDraft({})
     setEditing(true)
   }
 
-  async function saveEdit() {
+  function saveEdit() {
     if (!property) return
-    setSaving(true)
-    try {
-      await propertyService.update(property.id, draft)
-      await queryClient.invalidateQueries({ queryKey: ['property', propertyId] })
-      setEditing(false)
-      setDraft({})
-      showToast('Objekt gespeichert.', 'success')
-    } catch {
-      showToast('Fehler beim Speichern.', 'error')
-    } finally {
-      setSaving(false)
-    }
+    updateProperty.mutate(
+      { id: property.id, input: draft },
+      {
+        onSuccess: () => {
+          setEditing(false)
+          setDraft({})
+          showToast('Objekt gespeichert.', 'success')
+        },
+        onError: () => {
+          showToast('Fehler beim Speichern.', 'error')
+        },
+      },
+    )
   }
 
   if (isLoading) return <PropertyDetailSkeleton />