feat(project): 달력을 휴가 모듈식 월간 그리드로 교체

FullCalendar 제거. 휴가 모듈과 동일한 서버 렌더 월간 달력(구글식 bar
레인 배치)로 변경. 업무 start~due 기간을 bar 로 표시, 클릭 시 모달.
?y=&m= 로 월 이동, 프로젝트 색상 반영, 완료 업무는 회색+취소선.

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

app/static/project.js

@@ -100,7 +100,6 @@
     const members = data.members || [];
     const priorityLabels = data.priorityLabels || {};
 
-    let calendar = null;
     let timeline = null;
     let currentView = "calendar";
 
@@ -121,45 +120,26 @@
     });
 
     function renderView(view) {
-      if (view === "calendar") renderCalendar();
+      if (view === "calendar") wireCalendar();
       else if (view === "timeline") renderTimeline();
       else if (view === "board") renderBoard();
       else if (view === "list") renderList();
     }
 
-    // ── 달력 (FullCalendar) ──
-    function taskEvents() {
-      return tasks.filter(function (t) { return t.due_date || t.start_date; })
-        .map(function (t) {
-          const start = t.start_date || t.due_date;
-          // FullCalendar end 는 배타적 → 마감일 포함 위해 +1일은 생략(단일일 표시)
-          return {
-            id: String(t.id),
-            title: t.title,
-            start: start,
-            end: t.due_date && t.due_date !== start ? t.due_date : undefined,
-            backgroundColor: t.completed_at ? "#9aa5b1" : (t.project_color || "#4573d2"),
-            borderColor: "transparent",
-            extendedProps: { task: t },
-          };
+    // ── 달력 (휴가식 서버 렌더 그리드) ──
+    // bar 는 서버가 그려둠. 클릭하면 업무 모달 열기(관리 권한 시).
+    let calendarWired = false;
+    function wireCalendar() {
+      if (calendarWired) return;
+      calendarWired = true;
+      document.querySelectorAll(".pj-bar[data-task-id]").forEach(function (bar) {
+        bar.addEventListener("click", function (e) {
+          e.preventDefault();
+          if (!canManage) return;
+          const t = tasks.find(function (x) { return String(x.id) === bar.dataset.taskId; });
+          if (t) openTaskModal(t);
         });
-    }
-
-    function renderCalendar() {
-      const node = el("pj-calendar");
-      if (calendar) { calendar.removeAllEvents(); calendar.addEventSource(taskEvents()); calendar.render(); return; }
-      calendar = new FullCalendar.Calendar(node, {
-        initialView: "dayGridMonth",
-        locale: "ko",
-        height: "auto",
-        headerToolbar: { left: "prev,next today", center: "title", right: "dayGridMonth,dayGridWeek" },
-        events: taskEvents(),
-        eventClick: function (info) {
-          info.jsEvent.preventDefault();
-          if (canManage) openTaskModal(info.event.extendedProps.task);
-        },
       });
-      calendar.render();
     }
 
     // ── 타임라인 (vis-timeline) ──
@@ -281,8 +261,9 @@
     }
 
     function refreshActiveView() {
-      if (currentView === "calendar" && calendar) { calendar.removeAllEvents(); calendar.addEventSource(taskEvents()); }
-      else renderView(currentView);
+      // 달력은 서버 렌더라 변경 반영 위해 새로고침. 그 외 뷰는 즉시 재렌더.
+      if (currentView === "calendar") { location.reload(); return; }
+      renderView(currentView);
     }
 
     // ── 업무 모달 ──
@@ -382,8 +363,8 @@
       });
     });
 
-    // 최초 렌더
-    renderCalendar();
+    // 최초 렌더 — 달력은 서버 렌더, 클릭 핸들러만 연결
+    wireCalendar();
   }
 
   function escapeHtml(s) {