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

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

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

src/components/quotes/LocationListPanel.tsx

@@ -35,7 +35,7 @@ import { DeleteConfirmDialog } from "../ui/confirm-dialog";
 
 import type { LocationItem } from "./QuoteRegistrationV2";
 import type { FinishedGoods } from "./actions";
-import * as XLSX from "xlsx";
+// xlsx는 동적 로드 (번들 크기 최적화)
 
 // =============================================================================
 // 상수
@@ -181,7 +181,8 @@ export function LocationListPanel({
   }, [formData, finishedGoods, onAddLocation]);
 
   // 엑셀 양식 다운로드
-  const handleDownloadTemplate = useCallback(() => {
+  const handleDownloadTemplate = useCallback(async () => {
+    const XLSX = await import("xlsx");
     const templateData = [
       {
         층: "1층",
@@ -219,10 +220,11 @@ export function LocationListPanel({
 
   // 엑셀 업로드
   const handleFileUpload = useCallback(
-    (event: React.ChangeEvent<HTMLInputElement>) => {
+    async (event: React.ChangeEvent<HTMLInputElement>) => {
       const file = event.target.files?.[0];
       if (!file) return;
 
+      const XLSX = await import("xlsx");
       const reader = new FileReader();
       reader.onload = (e) => {
         try {