fix(header,announcements): 헤더 종·관리자 뱃지 순서 교체 + 공지 수정폼 겹침 수정

- 헤더 우측: 알림 종 → 관리자 뱃지 → 프로필 순으로 변경(관리자 뱃지가 프로필 바로 왼쪽)
- 공지 화면 '관리자 공지 모아보기' 서브 문구 제거
- 공지 수정폼이 hidden 이어도 항상 보여 보기/수정이 2단으로 겹치던 버그 수정
  (.ann-form 의 display:flex 가 [hidden] 기본 규칙을 이기던 문제 → .ann-form[hidden]{display:none})

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

public/css/components.css

@@ -195,6 +195,8 @@
 /* ===================== 공지사항(📢) 페이지 ===================== */
 /* 작성/수정 공용 폼 */
 .ann-form { display: flex; flex-direction: column; gap: 10px; background: var(--panel); border: 1px solid var(--border-soft); border-radius: 12px; padding: 16px; }
+/* hidden 속성이 켜져 있으면 확실히 숨긴다 (display:flex 가 [hidden] 기본 규칙을 이겨 수정폼이 항상 보이던 버그 방지). */
+.ann-form[hidden] { display: none; }
 .ann-form-new { margin-bottom: 24px; }
 .ann-input-title, .ann-input-body {
   width: 100%; box-sizing: border-box; font-family: inherit; font-size: 14px; color: var(--fg);

views/_header.ejs

@@ -53,11 +53,7 @@
             <%- icon("book", { size: 15 }) %><span>매뉴얼</span>
           </a>
 
-          <% if (user.isAdmin) { %>
-            <span class="admin-pill"><%- icon("lock", { size: 11 }) %>관리자</span>
-          <% } %>
-
-          <!-- 알림(🔔) 종 — 프로필 왼쪽. 목록/배지는 app.js(notifications.js)가 fetch 로 채운다. -->
+          <!-- 알림(🔔) 종 — 관리자 뱃지 왼쪽. 목록/배지는 app.js(notifications.js)가 fetch 로 채운다. -->
           <div class="notif">
             <button class="icon-btn notif-btn" id="notifBtn" type="button" aria-haspopup="true" aria-expanded="false" title="알림" aria-label="알림">
               <%- icon("bell", { size: 16 }) %>
@@ -75,6 +71,11 @@
             </div>
           </div>
 
+          <!-- 관리자 뱃지 — 프로필 바로 왼쪽 -->
+          <% if (user.isAdmin) { %>
+            <span class="admin-pill"><%- icon("lock", { size: 11 }) %>관리자</span>
+          <% } %>
+
           <div class="usermenu">
             <button class="usermenu-btn" id="userMenuBtn" type="button" aria-haspopup="true" aria-expanded="false">
               <span class="who"><%= user.sabun %></span>

views/announcements.ejs

@@ -10,7 +10,6 @@
     <div class="section-head">
       <div class="section-titlewrap">
         <h2 class="section-title">공지사항</h2>
-        <span class="section-sub">관리자 공지 모아보기</span>
       </div>
     </div>