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/templates/erp_base.html

@@ -15,7 +15,11 @@
     <div class="erp-app">
 
       <!-- ── 좌측 사이드바 ── -->
-      <aside class="erp-sidebar" data-collapsed="false">
+      <!-- force_sidebar_collapsed: 프로젝트 관리처럼 자체 좌측 패널(프로젝트
+           트리)을 가진 화면은 전역 접힘 설정과 무관하게 항상 접어서 시작한다
+           (서버에서 바로 true 로 렌더 — 깜빡임 자체가 없다). -->
+      <aside class="erp-sidebar" data-collapsed="{{ 'true' if force_sidebar_collapsed else 'false' }}">
+        {% if not force_sidebar_collapsed %}
         <script>
           // 접힘 상태를 렌더 직후(첫 페인트 전) 바로 반영 — 아래쪽 DOMContentLoaded
           // 스크립트에서 뒤늦게 바꾸면 "펼쳐졌다가 접히는" 깜빡임이 보인다.
@@ -25,6 +29,7 @@
             }
           } catch (_) {}
         </script>
+        {% endif %}
 
         <div class="erp-sidebar-head">
           <a href="/" class="erp-sidebar-brand">