fix: 부적합 제출 버그 수정 및 UI 개선

- 부적합 API 호출 형식 수정 (카테고리/아이템 추가 시)
- 부적합 저장 시 내부 플래그 제거 후 백엔드 전송
- 기본 부적합 객체 구조 수정 (category_id, item_id 추가)
- 날씨 API 시간대 수정 (UTC → KST 변환)
- 신고 카테고리 관리 페이지 추가 (/pages/admin/issue-categories.html)
- 부적합 입력 UI 개선 (대분류→소분류 캐스케이딩 선택)
- 저장된 부적합 분리 표시 및 수정/삭제 기능
- 디버깅 로그 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

web-ui/components/navbar.html

@@ -32,6 +32,11 @@
         <span class="btn-text">대시보드</span>
       </a>
 
+      <a href="/pages/safety/report.html" class="report-btn">
+        <span class="btn-icon">&#9888;</span>
+        <span class="btn-text">신고</span>
+      </a>
+
       <div class="user-profile" id="userProfile">
         <div class="user-avatar">
           <span class="avatar-text" id="userInitial">사</span>
@@ -340,6 +345,37 @@ body {
   font-family: inherit;
 }
 
+/* 신고 버튼 */
+.report-btn {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-5);
+  background: rgba(239, 68, 68, 0.9);
+  color: white;
+  text-decoration: none;
+  border-radius: var(--radius-lg);
+  font-weight: var(--font-semibold);
+  font-size: var(--text-sm);
+  transition: var(--transition-slow);
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  backdrop-filter: blur(10px);
+}
+
+.report-btn:hover {
+  background: rgba(220, 38, 38, 1);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-md);
+}
+
+.report-btn .btn-icon {
+  font-size: var(--text-lg);
+}
+
+.report-btn .btn-text {
+  font-family: inherit;
+}
+
 /* 반응형 디자인 */
 @media (max-width: 768px) {
   .dashboard-header {
@@ -362,11 +398,13 @@ body {
     display: none;
   }
 
-  .dashboard-btn .btn-text {
+  .dashboard-btn .btn-text,
+  .report-btn .btn-text {
     display: none;
   }
 
-  .dashboard-btn {
+  .dashboard-btn,
+  .report-btn {
     padding: var(--space-2) var(--space-3);
   }
 }