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/ApprovalBox/index.tsx

@@ -43,6 +43,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from '@/components/ui/alert-dialog';
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
 import {
   UniversalListPage,
   type UniversalListConfig,
@@ -690,20 +691,15 @@ export function ApprovalBox() {
       renderDialogs: () => (
         <>
           {/* 승인 확인 다이얼로그 */}
-          <AlertDialog open={approveDialogOpen} onOpenChange={setApproveDialogOpen}>
-            <AlertDialogContent>
-              <AlertDialogHeader>
-                <AlertDialogTitle>결재 승인</AlertDialogTitle>
-                <AlertDialogDescription>
-                  정말 {pendingSelectedItems.size}건을 승인하시겠습니까?
-                </AlertDialogDescription>
-              </AlertDialogHeader>
-              <AlertDialogFooter>
-                <AlertDialogCancel>취소</AlertDialogCancel>
-                <AlertDialogAction onClick={handleApproveConfirm}>승인</AlertDialogAction>
-              </AlertDialogFooter>
-            </AlertDialogContent>
-          </AlertDialog>
+          <ConfirmDialog
+            open={approveDialogOpen}
+            onOpenChange={setApproveDialogOpen}
+            onConfirm={handleApproveConfirm}
+            title="결재 승인"
+            description={`정말 ${pendingSelectedItems.size}건을 승인하시겠습니까?`}
+            variant="success"
+            confirmText="승인"
+          />
 
           {/* 반려 확인 다이얼로그 */}
           <AlertDialog open={rejectDialogOpen} onOpenChange={setRejectDialogOpen}>