refactor(WEB): DataTable 개선 및 회계 상세 컴포넌트 리팩토링

- DataTable 컴포넌트 기능 확장 및 코드 개선
- 회계 상세 컴포넌트(Bill/Deposit/Purchase/Sales/Withdrawal) 리팩토링
- 엑셀 다운로드 유틸리티 개선
- 대시보드 및 각종 리스트 페이지 업데이트
- dashboard_type2 페이지 추가
- 프론트엔드 개선 로드맵 문서 추가

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

src/components/accounting/WithdrawalManagement/WithdrawalDetail.tsx

@@ -55,38 +55,39 @@ export function WithdrawalDetail({ withdrawalId, mode }: WithdrawalDetailProps)
   const [isLoading, setIsLoading] = useState(false);
   const [vendors, setVendors] = useState<{ id: string; name: string }[]>([]);
 
-  // ===== 거래처 목록 로드 =====
+  // ===== 초기 데이터 로드 (거래처 + 출금 상세 병렬) =====
   useEffect(() => {
-    const loadVendors = async () => {
-      const result = await getVendors();
-      if (result.success) {
-        setVendors(result.data);
-      }
-    };
-    loadVendors();
-  }, []);
+    const loadInitialData = async () => {
+      const isEditMode = withdrawalId && !isNewMode;
+      if (isEditMode) setIsLoading(true);
 
-  // ===== 데이터 로드 =====
-  useEffect(() => {
-    const loadWithdrawal = async () => {
-      if (withdrawalId && !isNewMode) {
-        setIsLoading(true);
-        const result = await getWithdrawalById(withdrawalId);
-        if (result.success && result.data) {
-          setWithdrawalDate(result.data.withdrawalDate);
-          setAccountName(result.data.accountName);
-          setRecipientName(result.data.recipientName);
-          setWithdrawalAmount(result.data.withdrawalAmount);
-          setNote(result.data.note);
-          setVendorId(result.data.vendorId);
-          setWithdrawalType(result.data.withdrawalType);
+      const [vendorsResult, withdrawalResult] = await Promise.all([
+        getVendors(),
+        isEditMode ? getWithdrawalById(withdrawalId) : Promise.resolve(null),
+      ]);
+
+      // 거래처 목록
+      if (vendorsResult.success) {
+        setVendors(vendorsResult.data);
+      }
+
+      // 출금 상세
+      if (withdrawalResult) {
+        if (withdrawalResult.success && withdrawalResult.data) {
+          setWithdrawalDate(withdrawalResult.data.withdrawalDate);
+          setAccountName(withdrawalResult.data.accountName);
+          setRecipientName(withdrawalResult.data.recipientName);
+          setWithdrawalAmount(withdrawalResult.data.withdrawalAmount);
+          setNote(withdrawalResult.data.note);
+          setVendorId(withdrawalResult.data.vendorId);
+          setWithdrawalType(withdrawalResult.data.withdrawalType);
         } else {
-          toast.error(result.error || '출금 내역을 불러오는데 실패했습니다.');
+          toast.error(withdrawalResult.error || '출금 내역을 불러오는데 실패했습니다.');
         }
         setIsLoading(false);
       }
     };
-    loadWithdrawal();
+    loadInitialData();
   }, [withdrawalId, isNewMode]);
 
   // ===== 저장 핸들러 =====