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

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

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

src/components/material/StockStatus/StockStatusList.tsx

@@ -10,7 +10,7 @@
  * - 테이블 푸터 (요약 정보)
  */
 
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useRouter } from 'next/navigation';
 import {
   Package,
@@ -230,7 +230,7 @@ export function StockStatusList() {
   ];
 
   // ===== 테이블 컬럼 =====
-  const tableColumns = [
+  const tableColumns = useMemo(() => [
     { key: 'no', label: 'No.', className: 'w-[60px] text-center' },
     { key: 'itemCode', label: '품목코드', className: 'min-w-[100px]' },
     { key: 'itemType', label: '품목유형', className: 'w-[80px]' },
@@ -241,7 +241,7 @@ export function StockStatusList() {
     { key: 'safetyStock', label: '안전재고', className: 'w-[80px] text-center' },
     { key: 'wipQty', label: '재공품', className: 'w-[80px] text-center' },
     { key: 'useStatus', label: '상태', className: 'w-[80px] text-center' },
-  ];
+  ], []);
 
   // ===== 테이블 행 렌더링 =====
   const renderTableRow = (