feat(project): 완료 토글, 설명 이미지 크기조절/삭제, 연결폼 가독성, 모달 고정크기 800x1100

- 업무 편집 모달에 "완료로 표시" 버튼 추가(완료 시 리스트뷰는 기존 취소선
  스타일 그대로 적용됨). 완료 상태에 따라 버튼 색/문구 토글.
- 설명란 이미지 클릭 시 선택되어 우하단 드래그로 크기 조절, × 버튼으로 삭제
  가능. 크기는 style이 아닌 width 속성으로 저장해 서버 sanitize 후에도 유지.
- 연결된 프로젝트 select 를 세로 배치+작은 폰트로 바꿔 글자 잘림 해결.
- 업무 편집 모달을 800x1100 고정 크기로 바꾸고 좌(메타/설명)·우(하위업무·
  첨부·연결·댓글) 칼럼이 각자 내부 스크롤하도록 재정비.

fix(shell): 사이드바 접힘 상태를 localStorage에서 첫 페인트 전에 반영해
페이지 이동 시 "펼쳐졌다 다시 접히는" 깜빡임 제거.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/templates/erp_base.html

@@ -16,6 +16,15 @@
 
       <!-- ── 좌측 사이드바 ── -->
       <aside class="erp-sidebar" data-collapsed="false">
+        <script>
+          // 접힘 상태를 렌더 직후(첫 페인트 전) 바로 반영 — 아래쪽 DOMContentLoaded
+          // 스크립트에서 뒤늦게 바꾸면 "펼쳐졌다가 접히는" 깜빡임이 보인다.
+          try {
+            if (localStorage.getItem("erp_sidebar_collapsed") === "true") {
+              document.currentScript.closest(".erp-sidebar").setAttribute("data-collapsed", "true");
+            }
+          } catch (_) {}
+        </script>
 
         <div class="erp-sidebar-head">
           <a href="/" class="erp-sidebar-brand">
@@ -144,15 +153,12 @@
         const collapseBtn = document.getElementById("erp-sidebar-toggle");
         const mobileBtn = document.getElementById("erp-sidebar-mobile-toggle");
         if (collapseBtn) {
+          // 초기 접힘 상태는 위쪽 인라인 스크립트(첫 페인트 전)에서 이미 반영했다 — 여기선 클릭 시 토글/저장만.
           collapseBtn.addEventListener("click", () => {
             const next = sidebar.dataset.collapsed === "true" ? "false" : "true";
             sidebar.dataset.collapsed = next;
             try { localStorage.setItem("erp_sidebar_collapsed", next); } catch (_) {}
           });
-          try {
-            const saved = localStorage.getItem("erp_sidebar_collapsed");
-            if (saved === "true") sidebar.dataset.collapsed = "true";
-          } catch (_) {}
         }
         if (mobileBtn) {
           mobileBtn.addEventListener("click", () => {