feat(ui): 상세/공유 모달과 단독 상세·로그인 페이지

- _project_detail.ejs: 모달/단독 공용 상세(헤더·반응·바로가기·댓글 스레드·입력)
- dashboard: 상세 모달 오버레이 + 프로젝트별 template 저장소 + 새 프로젝트 등록 모달
- project.ejs(단독)·login.ejs 새 디자인으로 재작성

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

views/dashboard.ejs

@@ -184,7 +184,63 @@
   </div>
 </footer>
 
-<!-- 상세/공유 모달 + 상세 저장소는 Phase 5 에서 이 아래에 추가 -->
+<!-- 상세 모달 (app.js 가 detailStore 의 내용을 .modal 에 주입) -->
+<div class="modal-overlay" id="detailModal" hidden><div class="modal"></div></div>
+
+<!-- 상세 저장소: 열람 가능한 프로젝트별 모달 내용을 template 으로 보관 -->
+<div id="detailStore" style="display:none">
+  <% allProjects.forEach(function (p) { %>
+    <template data-detail-id="<%= p.id %>"><%- include("_project_detail", { p: p, comments: commentsByProject[p.id] || [], me: user.sabun, returnTo: "/?open=" + p.id, modal: true }) %></template>
+  <% }); %>
+</div>
+
+<!-- 새 프로젝트 등록 모달 -->
+<div class="modal-overlay" id="shareModal" hidden>
+  <div class="share-modal">
+    <div class="share-head">
+      <h3>새 프로젝트 등록</h3>
+      <button type="button" class="modal-close" data-close-share title="닫기"><%- icon("x", { size: 16 }) %></button>
+    </div>
+    <form method="post" action="/projects">
+      <div class="share-body">
+        <label>
+          <span class="share-label">제목 <span class="req">*</span></span>
+          <input class="share-input" name="title" required placeholder="예) 방화벽 정책 DSL 변환기" />
+        </label>
+        <label>
+          <span class="share-label">한 줄 설명</span>
+          <input class="share-input" name="description" placeholder="무엇을 하는 프로젝트인가요?" />
+        </label>
+        <label>
+          <span class="share-label">태그 <span class="hint">쉼표로 구분 · 최대 5개</span></span>
+          <input class="share-input" name="tags" placeholder="infra, react, poc" />
+        </label>
+        <label>
+          <span class="share-label">저장소 URL <span class="hint">선택</span></span>
+          <input class="share-input mono" name="repo_url" placeholder="https://gitea.bokdev.in/사번/repo" />
+        </label>
+        <label>
+          <span class="share-label">배포 URL <span class="hint">선택 · 없으면 바로가기 숨김</span></span>
+          <input class="share-input mono" name="app_url" placeholder="https://myapp.apps.bokdev.in" />
+        </label>
+        <div>
+          <span class="share-label">공개 범위</span>
+          <div class="vis-toggle">
+            <button type="button" class="vis-opt on-public" data-vis="public"><%- icon("globe", { size: 12 }) %>공개</button>
+            <button type="button" class="vis-opt" data-vis="private"><%- icon("lock", { size: 12 }) %>비공개</button>
+          </div>
+          <input type="hidden" name="is_public" value="1" />
+          <div class="share-vishint">피드에 공개되어 동료가 볼 수 있어요</div>
+        </div>
+      </div>
+      <div class="modal-foot-actions">
+        <button type="button" class="btn" data-close-share>취소</button>
+        <button type="submit" class="btn btn-success">등록</button>
+      </div>
+    </form>
+  </div>
+</div>
+
 <script src="/public/app.js"></script>
 </body>
 </html>