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

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

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

src/components/pricing-distribution/PriceDistributionList.tsx

@@ -8,7 +8,7 @@
 
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useRouter } from 'next/navigation';
 import { FileText, FilePlus } from 'lucide-react';
 import { Button } from '@/components/ui/button';
@@ -147,14 +147,14 @@ export function PriceDistributionList() {
   };
 
   // 테이블 컬럼
-  const tableColumns: TableColumn[] = [
+  const tableColumns: TableColumn[] = useMemo(() => [
     { key: 'rowNumber', label: '번호', className: 'w-[60px] text-center' },
     { key: 'distributionNo', label: '단가배포번호', className: 'min-w-[120px]' },
     { key: 'distributionName', label: '단가배포명', className: 'min-w-[150px]' },
     { key: 'status', label: '상태', className: 'min-w-[100px]' },
     { key: 'author', label: '작성자', className: 'min-w-[100px]' },
     { key: 'createdAt', label: '등록일', className: 'min-w-[120px]' },
-  ];
+  ], []);
 
   // 테이블 행 렌더링
   const renderTableRow = (