feat(project): 프로젝트 화면 좌측메뉴 강제접힘 + 우측 내업무 패널 + 보드 가로스크롤 격리

- 프로젝트 관리(index/project/inbox) 진입 시 메인 좌측 사이드바를 전역 설정과
  무관하게 항상 접어서 렌더(force_sidebar_collapsed) — 서버에서 바로
  data-collapsed=true 로 그려 깜빡임도 없다.
- 프로젝트 상세 화면(보드/리스트/달력/타임라인) 오른쪽에 홈 화면과 동일한
  "내 업무" 패널 추가(프로젝트별 그룹, 클릭 시 팝업 편집).
- 보드에 세션이 늘어나면 .pj-board 안에서만 가로 스크롤돼야 하는데
  .pj-main 에 min-width:0 이 없어 grid 트랙 자체가 넓어져 페이지 전체가
  가로 스크롤되던 문제 수정.

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

app/static/project.css

@@ -126,8 +126,17 @@
 .pj-mytask-title { font-size: 13.5px; font-weight: 600; }
 .pj-mytask-meta { margin-left: auto; font-size: 11px; color: #9aa1a9; }
 
-/* ── 프로젝트 페이지 레이아웃 ── */
-.pj-layout { display: grid; grid-template-columns: 230px 1fr; gap: 22px; align-items: start; }
+/* ── 프로젝트 페이지 레이아웃 (좌: 프로젝트 트리 / 가운데: 뷰 / 우: 내 업무) ──
+   가운데 칸에 min-width:0 이 없으면 보드에 세션이 많이 늘어날 때 grid 트랙
+   자체가 넓어져 페이지 전체가 가로 스크롤된다(overflow-x:auto 는 .pj-board
+   안에서만 작동해야 한다) — 반드시 필요한 규칙. */
+.pj-layout { display: grid; grid-template-columns: 230px 1fr 260px; gap: 22px; align-items: start; }
+.pj-main { min-width: 0; }
+.pj-project-mytasks { min-width: 0; }
+@media (max-width: 1280px) {
+  .pj-layout { grid-template-columns: 230px 1fr; }
+  .pj-project-mytasks { display: none; }
+}
 @media (max-width: 900px) { .pj-layout { grid-template-columns: 1fr; } }
 
 .pj-side-block { margin-bottom: 22px; }