필터 UI 수정 및 대시보드 연동

frontend/src/app/cow/[cowNo]/page.tsx

@@ -193,8 +193,21 @@ export default function CowOverviewPage() {
   const [highlightMode, setHighlightMode] = useState<'farm' | 'region' | null>(null)
   const distributionChartRef = useRef<HTMLDivElement>(null)
 
+  // 필터에서 고정된 첫 번째 형질 (없으면 '도체중')
+  const firstPinnedTrait = filters.pinnedTraits?.[0] || '도체중'
+
   // 차트 형질 필터 (전체 선발지수 또는 개별 형질)
-  const [chartFilterTrait, setChartFilterTrait] = useState<string>('overall')
+  // 필터 비활성 시 기본값은 첫 번째 고정 형질
+  const [chartFilterTrait, setChartFilterTrait] = useState<string>(() => {
+    return filters.isActive ? 'overall' : firstPinnedTrait
+  })
+
+  // 필터 활성 상태 변경 시 기본값 업데이트
+  useEffect(() => {
+    if (!filters.isActive && chartFilterTrait === 'overall') {
+      setChartFilterTrait(firstPinnedTrait)
+    }
+  }, [filters.isActive, firstPinnedTrait, chartFilterTrait])
 
   // 유전자 탭 필터 상태
   const [geneSearchKeyword, setGeneSearchKeyword] = useState('')