feat: F012 match detail view

Full decision analysis page at /demand/results/:matchId:
- MatchDetailHeader: score, badges, CTA (compare/shortlist), back button
- ExecutiveSummaryPanel: 4-row summary (fit, top reason, tradeoff, next step)
- PropertyOverviewPanel: key facts grid; signal-aware for FUTURE_AVAILABILITY
- NeedAlignmentPanel: comparison table with fit indicators (MATCH/PARTIAL/NO_MATCH)
- ScoreBreakdownPanel: hard/soft scores + modifiers + total (sidebar)
- TradeoffPanel: severity-coded list with mitigation hints
- RiskPanel: risks sorted CRITICAL→LOW with category chips
- MissingInformationPanel: priority-grouped with per-item CTAs
- SourceProvenancePanel: source type, label, URL, freshness
- FutureAvailabilityContextPanel: mandatory disclaimer + signal metadata
- NextActionsPanel: engine-ranked actions + standard actions (sidebar)
- Details button on result cards now navigates to match detail

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

src/App.tsx

@@ -15,6 +15,7 @@ const DataQuality = lazy(() => import('./pages/supply/DataQuality'))
 
 const AISearch = lazy(() => import('./pages/demand/AISearch'))
 const Results = lazy(() => import('./pages/demand/Results'))
+const MatchDetail = lazy(() => import('./pages/demand/MatchDetail'))
 const Compare = lazy(() => import('./pages/demand/Compare'))
 const Shortlists = lazy(() => import('./pages/demand/Shortlists'))
 
@@ -52,6 +53,7 @@ function App() {
               <Route element={<ProtectedRoute workspace={WorkspaceType.DEMAND} />}>
                 <Route path="/demand/ai-search" element={<AISearch />} />
                 <Route path="/demand/results" element={<Results />} />
+                <Route path="/demand/results/:matchId" element={<MatchDetail />} />
                 <Route path="/demand/compare" element={<Compare />} />
                 <Route path="/demand/shortlists" element={<Shortlists />} />
               </Route>