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/MatchabilityTabPanel.tsx

@@ -1,25 +1,13 @@
-import { useEffect, useState } from 'react'
 import { Alert, Box, CircularProgress, Typography } from '@mui/material'
 import { useNavigate } from 'react-router'
-import type { PropertyNeedMatch } from '../../domain/match'
-import { matchService } from '../../services/matchService'
+import { useNeedMatchesForProperty } from '../../hooks/useMatches'
 import { useOfferWizardStore } from '../../stores/offerWizardStore'
 import { NeedMatchCard } from './NeedMatchCard'
 
 export function MatchabilityTabPanel({ propertyId }: { propertyId: string }) {
-  const [matches, setMatches] = useState<PropertyNeedMatch[]>([])
-  const [loading, setLoading] = useState(true)
   const navigate = useNavigate()
   const setSelectedProperties = useOfferWizardStore(s => s.setSelectedProperties)
-
-  useEffect(() => {
-    let cancelled = false
-    setLoading(true)
-    matchService.getNeedMatchesForProperty(propertyId, { minScore: 80 }).then(result => {
-      if (!cancelled) { setMatches(result); setLoading(false) }
-    })
-    return () => { cancelled = true }
-  }, [propertyId])
+  const { data: matches = [], isLoading: loading } = useNeedMatchesForProperty(propertyId, { minScore: 80 })
 
   function handleNeedCardClick() {
     setSelectedProperties([propertyId])