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

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

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

src/components/pricing/PricingListClient.tsx

@@ -196,7 +196,7 @@ export function PricingListClient({
   ];
 
   // 테이블 컬럼 정의
-  const tableColumns: TableColumn[] = [
+  const tableColumns: TableColumn[] = useMemo(() => [
     { key: 'rowNumber', label: '번호', className: 'w-[60px] text-center' },
     { key: 'itemType', label: '품목유형', className: 'min-w-[100px]' },
     { key: 'itemCode', label: '품목코드', className: 'min-w-[120px]' },
@@ -209,7 +209,7 @@ export function PricingListClient({
     { key: 'marginRate', label: '마진율', className: 'min-w-[80px] text-right', hideOnMobile: true },
     { key: 'effectiveDate', label: '적용일', className: 'min-w-[100px]', hideOnMobile: true },
     { key: 'status', label: '상태', className: 'min-w-[80px]' },
-  ];
+  ], []);
 
   // 테이블 행 렌더링
   const renderTableRow = (