refactor: split large page components + taxonomy/HeatBadge/FutureAvailability improvements

- Taxonomy: merge VERIFIED_PORTFOLIO + EXTERNAL_MARKET display → 'Plattform' (dark blue) across all surfaces
- HeatBadge: new flame indicator for hot properties (grid, list, pipeline views)
- FutureAvailabilityContextPanel: richer detail page with AI summary, strategic assessment, sources
- Refactor Pipeline.tsx (630→152 lines) → pipeline/PipelineCard, PipelineColumn, PipelineDetailPanel, pipelineConstants, pipelineUtils
- Refactor IntelligenceMatchCard.tsx (483→179 lines) → FutureAvailabilityCard extracted
- Refactor MatchDetail.tsx (559→464 lines) → useMatchDetailData hook, MatchDetailPropertyDetails
- Refactor Compare.tsx (638→485 lines) → compareUtils, CompareCriteriaCard extracted

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

src/hooks/useMatchDetailData.ts

@@ -0,0 +1,50 @@
+import { useQuery } from '@tanstack/react-query'
+import { useMatchDetail } from './useMatches'
+import { propertyService } from '../services/propertyService'
+import { needService } from '../services/needService'
+import { futureSignalService } from '../services/futureSignalService'
+import type { Property } from '../domain/property'
+import type { Need } from '../domain/need'
+import type { FutureSignal } from '../domain/futureSignal'
+
+type Match = NonNullable<ReturnType<typeof useMatchDetail>['data']>
+
+export function useMatchDetailData(matchId: string) {
+  const { data: match, isLoading } = useMatchDetail(matchId)
+  const isFuture = match?.resultType === 'FUTURE_AVAILABILITY'
+
+  const { data: property = null } = useQuery<Property | null>({
+    queryKey: ['property', match?.propertyId],
+    queryFn: () => propertyService.getById(match!.propertyId),
+    enabled: !!match && !isFuture,
+    select: r => r.data ?? null,
+  })
+
+  const { data: need = null } = useQuery<Need | null>({
+    queryKey: ['need', match?.needId],
+    queryFn: () => needService.getById(match!.needId),
+    enabled: !!match?.needId,
+    select: r => r.data ?? null,
+  })
+
+  const { data: signal = null } = useQuery<FutureSignal | null>({
+    queryKey: ['signal', match?.resultId],
+    queryFn: async () => {
+      // resultId may be a signal ID ('signal-002') or a property ID ('prop-006')
+      const byId = await futureSignalService.getById(match!.resultId!)
+      if (byId.data) return byId.data
+      const byProp = await futureSignalService.getByProperty(match!.resultId!)
+      return byProp.data[0] ?? null
+    },
+    enabled: !!match && isFuture && !!match.resultId,
+  })
+
+  return {
+    match: match as Match | null | undefined,
+    property,
+    need,
+    signal,
+    isLoading,
+    isFuture,
+  }
+}