feat(WEB): 회계/HR/주문관리 모듈 개선 및 알림설정 리팩토링

- 회계: 거래처, 매입/매출, 입출금 상세 페이지 개선
- HR: 직원 관리 및 출퇴근 설정 기능 수정
- 주문관리: 상세폼 구조 분리 (cards, dialogs, hooks, tables)
- 알림설정: 컴포넌트 구조 단순화 및 리팩토링
- 캘린더: 헤더 및 일정 타입 개선
- 출고관리: 액션 및 타입 정의 추가

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

src/components/common/ScheduleCalendar/CalendarHeader.tsx

@@ -18,6 +18,7 @@ export function CalendarHeader({
   onPrevMonth,
   onNextMonth,
   onViewChange,
+  titleSlot,
   filterSlot,
 }: CalendarHeaderProps) {
   const views: { value: CalendarView; label: string }[] = [
@@ -27,29 +28,34 @@ export function CalendarHeader({
 
   return (
     <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between pb-3 border-b">
-      {/* 좌측: 년월 네비게이션 */}
-      <div className="flex items-center gap-2">
-        <Button
-          variant="outline"
-          size="icon"
-          className="h-8 w-8 shrink-0 hover:bg-primary/10"
-          onClick={onPrevMonth}
-        >
-          <ChevronLeft className="h-4 w-4" />
-        </Button>
+      {/* 좌측: 타이틀 + 년월 네비게이션 */}
+      <div className="flex items-center gap-4">
+        {titleSlot && (
+          <span className="text-base font-semibold text-foreground">{titleSlot}</span>
+        )}
+        <div className="flex items-center gap-2">
+          <Button
+            variant="outline"
+            size="icon"
+            className="h-8 w-8 shrink-0 hover:bg-primary/10"
+            onClick={onPrevMonth}
+          >
+            <ChevronLeft className="h-4 w-4" />
+          </Button>
 
-        <span className="text-lg font-bold min-w-[120px] text-center">
-          {formatYearMonth(currentDate)}
-        </span>
+          <span className="text-lg font-bold min-w-[120px] text-center">
+            {formatYearMonth(currentDate)}
+          </span>
 
-        <Button
-          variant="outline"
-          size="icon"
-          className="h-8 w-8 shrink-0 hover:bg-primary/10"
-          onClick={onNextMonth}
-        >
-          <ChevronRight className="h-4 w-4" />
-        </Button>
+          <Button
+            variant="outline"
+            size="icon"
+            className="h-8 w-8 shrink-0 hover:bg-primary/10"
+            onClick={onNextMonth}
+          >
+            <ChevronRight className="h-4 w-4" />
+          </Button>
+        </div>
       </div>
 
       {/* 우측: 뷰 전환 + 필터 */}

src/components/common/ScheduleCalendar/ScheduleCalendar.tsx

@@ -38,6 +38,7 @@ export function ScheduleCalendar({
   onEventClick,
   onMonthChange,
   onViewChange,
+  titleSlot,
   filterSlot,
   maxEventsPerDay = 3,
   weekStartsOn = 0,
@@ -115,6 +116,7 @@ export function ScheduleCalendar({
         onPrevMonth={handlePrevMonth}
         onNextMonth={handleNextMonth}
         onViewChange={handleViewChange}
+        titleSlot={titleSlot}
         filterSlot={filterSlot}
       />
 

src/components/common/ScheduleCalendar/types.ts

@@ -61,6 +61,8 @@ export interface ScheduleCalendarProps {
   onMonthChange?: (date: Date) => void;
   /** 뷰 모드 변경 핸들러 */
   onViewChange?: (view: CalendarView) => void;
+  /** 타이틀 영역 (년월 네비게이션 왼쪽) */
+  titleSlot?: React.ReactNode;
   /** 필터 영역 (slot) */
   filterSlot?: React.ReactNode;
   /** 최대 표시 이벤트 수 (초과 시 +N 표시) */
@@ -82,6 +84,8 @@ export interface CalendarHeaderProps {
   onPrevMonth: () => void;
   onNextMonth: () => void;
   onViewChange: (view: CalendarView) => void;
+  /** 타이틀 영역 (년월 네비게이션 왼쪽) */
+  titleSlot?: React.ReactNode;
   filterSlot?: React.ReactNode;
 }