refactor: UI 컴포넌트 추상화 및 입금/출금 등록 버튼 추가

- 입금관리, 출금관리 리스트에 등록 버튼 추가
- skeleton, confirm-dialog, empty-state, status-badge UI 컴포넌트 추가
- document-system 컴포넌트 추상화 (ApprovalLine, DocumentHeader 등)
- 여러 페이지 컴포넌트 리팩토링 및 코드 정리

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

src/components/approval/ReferenceBox/index.tsx

@@ -25,16 +25,7 @@ import {
   SelectTrigger,
   SelectValue,
 } from '@/components/ui/select';
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
 import {
   UniversalListPage,
   type UniversalListConfig,
@@ -595,40 +586,22 @@ export function ReferenceBox() {
     renderDialogs: () => (
       <>
         {/* 열람 처리 확인 다이얼로그 */}
-        <AlertDialog open={markReadDialogOpen} onOpenChange={setMarkReadDialogOpen}>
-          <AlertDialogContent>
-            <AlertDialogHeader>
-              <AlertDialogTitle>열람 처리</AlertDialogTitle>
-              <AlertDialogDescription>
-                정말 {selectedItems.size}건을 열람 처리하시겠습니까?
-              </AlertDialogDescription>
-            </AlertDialogHeader>
-            <AlertDialogFooter>
-              <AlertDialogCancel>취소</AlertDialogCancel>
-              <AlertDialogAction onClick={handleMarkReadConfirm}>
-                확인
-              </AlertDialogAction>
-            </AlertDialogFooter>
-          </AlertDialogContent>
-        </AlertDialog>
+        <ConfirmDialog
+          open={markReadDialogOpen}
+          onOpenChange={setMarkReadDialogOpen}
+          onConfirm={handleMarkReadConfirm}
+          title="열람 처리"
+          description={`정말 ${selectedItems.size}건을 열람 처리하시겠습니까?`}
+        />
 
         {/* 미열람 처리 확인 다이얼로그 */}
-        <AlertDialog open={markUnreadDialogOpen} onOpenChange={setMarkUnreadDialogOpen}>
-          <AlertDialogContent>
-            <AlertDialogHeader>
-              <AlertDialogTitle>미열람 처리</AlertDialogTitle>
-              <AlertDialogDescription>
-                정말 {selectedItems.size}건을 미열람 처리하시겠습니까?
-              </AlertDialogDescription>
-            </AlertDialogHeader>
-            <AlertDialogFooter>
-              <AlertDialogCancel>취소</AlertDialogCancel>
-              <AlertDialogAction onClick={handleMarkUnreadConfirm}>
-                확인
-              </AlertDialogAction>
-            </AlertDialogFooter>
-          </AlertDialogContent>
-        </AlertDialog>
+        <ConfirmDialog
+          open={markUnreadDialogOpen}
+          onOpenChange={setMarkUnreadDialogOpen}
+          onConfirm={handleMarkUnreadConfirm}
+          title="미열람 처리"
+          description={`정말 ${selectedItems.size}건을 미열람 처리하시겠습니까?`}
+        />
 
         {/* 문서 상세 모달 */}
         {selectedDocument && (