feat: F011 match card system

- MatchCardViewModel: typed view model decoupling card from raw API data
- Sub-components: MatchCardHeader, MatchScoreDisplay, MatchReasonList, TradeoffList, MatchDataQualitySummary, MatchActionToolbar, MatchCardSkeleton, MatchCardRestrictedState
- 4 variants: MatchCardCompact, MatchCardExpanded, MatchCardReview, MatchCardCompareMini
- MatchCard: main entry point with variant prop
- matchCardAdapter: buildMatchCardViewModel() converts UnifiedMatchResult -> ViewModel
- UnifiedResultCard: now thin wrapper using MatchCardCompact via adapter
- FUTURE_AVAILABILITY always shows non-dismissable disclaimer

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

src/components/match-card/MatchCardSkeleton.tsx

@@ -0,0 +1,40 @@
+import { Box, Card, Skeleton } from '@mui/material'
+
+interface Props {
+  variant?: 'compact' | 'expanded' | 'compare-mini'
+}
+
+export function MatchCardSkeleton({ variant = 'compact' }: Props) {
+  if (variant === 'compare-mini') {
+    return (
+      <Card sx={{ p: 1.5, minWidth: 180 }}>
+        <Skeleton variant="text" width={60} sx={{ fontSize: '1.25rem', mb: 0.5 }} />
+        <Skeleton variant="text" width={120} />
+        <Skeleton variant="text" width={80} />
+      </Card>
+    )
+  }
+
+  return (
+    <Card sx={{ p: 2.5, mb: 1.5 }}>
+      <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', mb: 1.5 }}>
+        <Skeleton variant="text" width={60} sx={{ fontSize: '1.75rem' }} />
+        <Box sx={{ display: 'flex', gap: 0.5 }}>
+          <Skeleton variant="rounded" width={110} height={22} />
+          <Skeleton variant="rounded" width={90} height={22} />
+          <Skeleton variant="rounded" width={80} height={22} />
+        </Box>
+      </Box>
+      <Skeleton variant="text" width="55%" sx={{ mb: 0.5 }} />
+      <Skeleton variant="text" width="35%" sx={{ mb: 1.5 }} />
+      {variant === 'expanded' && (
+        <>
+          <Skeleton variant="text" width="80%" />
+          <Skeleton variant="text" width="70%" />
+          <Skeleton variant="rounded" height={40} sx={{ mt: 1, mb: 1 }} />
+        </>
+      )}
+      <Skeleton variant="rounded" height={32} sx={{ mt: 1 }} />
+    </Card>
+  )
+}