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/components/match-card/MatchCardHeader.tsx

@@ -1,14 +1,15 @@
 import { Box, Chip } from '@mui/material'
 import { Building2 } from 'lucide-react'
 import { MatchScoreDisplay } from './MatchScoreDisplay'
+import { HeatBadge } from '../shared'
 import { useSessionStore } from '../../stores/sessionStore'
 import type { MatchCardViewModel } from './MatchCardViewModel'
 
 const RESULT_TYPE_META: Record<string, { label: string; color: string }> = {
-  VERIFIED_PORTFOLIO:  { label: 'Verified Portfolio', color: '#1e3a5f' },
-  EXTERNAL_MARKET:     { label: 'Direktinserat',      color: '#d97706' },
-  MAISON_WORK:         { label: 'Maison Work',        color: '#0369a1' },
-  FUTURE_AVAILABILITY: { label: 'Zukunftssignal',     color: '#7c3aed' },
+  VERIFIED_PORTFOLIO:  { label: 'Plattform',      color: '#1e3a5f' },
+  EXTERNAL_MARKET:     { label: 'Plattform',      color: '#1e3a5f' },
+  MAISON_WORK:         { label: 'Maison Work',    color: '#0369a1' },
+  FUTURE_AVAILABILITY: { label: 'Zukunftssignal', color: '#7c3aed' },
 }
 
 function confidenceColor(score: number): string {
@@ -38,8 +39,9 @@ export function MatchCardHeader({ vm, compact }: Props) {
       {/* Score — leftmost, most prominent */}
       <MatchScoreDisplay score={vm.matchScore} size={compact ? 'sm' : 'md'} />
 
-      {/* Badges: resultType → assetType → confidence → availability → risk */}
+      {/* Badges: heat → resultType → assetType → confidence → availability → risk */}
       <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5, alignItems: 'center' }}>
+        <HeatBadge propertyId={vm.propertyId} />
         <Chip
           label={rt.label}
           size="small"