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

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

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

src/components/process-management/ProcessListClient.tsx

@@ -11,7 +11,7 @@
 
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { Wrench, Plus, Pencil, Trash2, Loader2 } from 'lucide-react';
+import { Wrench, Plus, Pencil, Trash2 } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { TableCell, TableRow } from '@/components/ui/table';
 import { Checkbox } from '@/components/ui/checkbox';
@@ -45,6 +45,13 @@ export default function ProcessListClient({ initialData = [], initialStats }: Pr
   const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
   const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);
 
+  // 날짜 범위 상태
+  const [startDate, setStartDate] = useState('2025-01-01');
+  const [endDate, setEndDate] = useState('2025-12-31');
+
+  // 검색어 상태
+  const [searchQuery, setSearchQuery] = useState('');
+
   // ===== 데이터 로드 =====
   const loadData = useCallback(async () => {
     setIsLoading(true);
@@ -249,36 +256,48 @@ export default function ProcessListClient({ initialData = [], initialStats }: Pr
       clientSideFiltering: true,
       itemsPerPage: 20,
 
-      // 탭 필터 함수
-      tabFilter: (item: Process, activeTab: string) => {
-        if (activeTab === 'all') return true;
-        return item.status === activeTab;
+      // 검색창 (공통 컴포넌트에서 자동 생성)
+      hideSearch: true,
+      searchValue: searchQuery,
+      onSearchChange: setSearchQuery,
+
+      // 날짜 범위 선택기
+      dateRangeSelector: {
+        enabled: true,
+        showPresets: true,
+        startDate,
+        endDate,
+        onStartDateChange: setStartDate,
+        onEndDateChange: setEndDate,
       },
 
-      // 검색 필터 함수
-      searchFilter: (item: Process, searchValue: string) => {
-        const search = searchValue.toLowerCase();
+      // 탭 필터 (공통 컴포넌트에서 처리)
+      tabFilter: (item, tabValue) => {
+        if (tabValue === 'all') return true;
+        return item.status === tabValue;
+      },
+
+      // 검색 필터
+      searchFilter: (item, searchValue) => {
+        if (!searchValue || !searchValue.trim()) return true;
+        const search = searchValue.toLowerCase().trim();
         return (
-          item.processCode.toLowerCase().includes(search) ||
-          item.processName.toLowerCase().includes(search) ||
-          item.department.toLowerCase().includes(search)
+          (item.processCode || '').toLowerCase().includes(search) ||
+          (item.processName || '').toLowerCase().includes(search) ||
+          (item.department || '').toLowerCase().includes(search)
         );
       },
 
-      // 탭 설정
+      // 탭 (공통 컴포넌트에서 Card 안에 렌더링)
       tabs,
       defaultTab: 'all',
 
-      // 검색
-      searchPlaceholder: '공정코드, 공정명, 담당부서 검색',
-
-      // 헤더 액션
-      headerActions: () => (
-        <Button onClick={handleCreate} className="gap-2">
-          <Plus className="h-4 w-4" />
-          공정 등록
-        </Button>
-      ),
+      // 등록 버튼 (공통 컴포넌트에서 오른쪽에 렌더링)
+      createButton: {
+        label: '공정 등록',
+        onClick: handleCreate,
+        icon: Plus,
+      },
 
       // 일괄 삭제 핸들러
       onBulkDelete: handleBulkDelete,
@@ -448,12 +467,12 @@ export default function ProcessListClient({ initialData = [], initialStats }: Pr
         );
       },
     }),
-    [tabs, handleCreate, handleRowClick, handleEdit, handleDeleteClick, handleToggleStatus, handleBulkDelete]
+    [tabs, handleCreate, handleRowClick, handleEdit, handleDeleteClick, handleToggleStatus, handleBulkDelete, startDate, endDate, searchQuery]
   );
 
   return (
     <>
-      <UniversalListPage config={config} initialData={allProcesses} />
+      <UniversalListPage config={config} initialData={allProcesses} onSearchChange={setSearchQuery} />
 
       {/* 삭제 확인 다이얼로그 */}
       <DeleteConfirmDialog