feat(WEB): 리스트 페이지 UI 레이아웃 표준화

- 공통 레이아웃 패턴 적용: [달력] → [프리셋] → [검색창] → [버튼들]
- beforeTableContent → headerActions + createButton 마이그레이션
- DateRangeSelector extraActions prop 활용하여 검색창 통합
- PricingListClient 테이블 행 클릭 → 상세 이동 기능 추가
- 회계 관련 페이지 (입금/출금/매입/매출/어음/카드/예상지출 등) 정리
- 건설 관련 페이지 검색 영역 정리
- 부모 메뉴 리다이렉트 컴포넌트 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/components/hr/CardManagement/index.tsx

@@ -2,9 +2,10 @@
 
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { CreditCard, Edit, Trash2, Plus } from 'lucide-react';
-import { Badge } from '@/components/ui/badge';
+import { CreditCard, Edit, Trash2, Plus, Search, RefreshCw } from 'lucide-react';
+import { Input } from '@/components/ui/input';
 import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
 import { Checkbox } from '@/components/ui/checkbox';
 import { TableRow, TableCell } from '@/components/ui/table';
 import { DeleteConfirmDialog } from '@/components/ui/confirm-dialog';
@@ -58,7 +59,7 @@ export function CardManagement({ initialData }: CardManagementProps) {
   };
 
   // 검색 및 필터 상태
-  const [searchValue, setSearchValue] = useState('');
+  const [searchQuery, setSearchQuery] = useState('');
   const [activeTab, setActiveTab] = useState<string>('all');
   const [currentPage, setCurrentPage] = useState(1);
   const itemsPerPage = 20;
@@ -78,8 +79,8 @@ export function CardManagement({ initialData }: CardManagementProps) {
     }
 
     // 검색 필터
-    if (searchValue) {
-      const search = searchValue.toLowerCase();
+    if (searchQuery) {
+      const search = searchQuery.toLowerCase();
       filtered = filtered.filter(c =>
         c.cardName.toLowerCase().includes(search) ||
         c.cardNumber.includes(search) ||
@@ -89,7 +90,7 @@ export function CardManagement({ initialData }: CardManagementProps) {
     }
 
     return filtered;
-  }, [cards, activeTab, searchValue]);
+  }, [cards, activeTab, searchQuery]);
 
   // 페이지네이션된 데이터
   const paginatedData = useMemo(() => {