Add Known Issues Page

src/app/pages/known-issues/known-issues.html

@@ -0,0 +1,9 @@
+<div class="container">
+  <h1>Known Issues</h1>
+
+  <section class="issue-item">
+    <h2>Issue #1: Dropdown Test UI Layout</h2>
+    <p>Dropdown Component를 테스트하기 위한 UI에서, 상위 컨테이너의 크기가 충분하지 않은 경우 드롭다운이 상위 컨테이너 바깥의 공간을 침범하는 문제가 발생했습니다.</p>
+    <div class="status-tag resolved">Resolved</div>
+  </section>
+</div>

src/app/pages/known-issues/known-issues.scss

@@ -0,0 +1,38 @@
+.container {
+  padding: 40px;
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+section {
+  margin-bottom: 24px;
+  padding: 20px;
+  border: 2px solid rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+
+  p {
+    line-height: 1.4;
+  }
+
+  .status-tag {
+    display: inline-block;
+    padding: 4px 12px;
+    border: 2px solid rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    font-size: 0.8rem;
+    font-weight: bold;
+    text-transform: uppercase;
+
+    &.reported {
+      background-color: oklch(0.786 0.1379 18.69); // FF9396
+    }
+
+    &.wip {
+      background-color: oklch(0.786 0.1379 64.49); // F6A550
+    }
+
+    &.resolved {
+      background-color: oklch(0.786 0.1379 154.52); // 68D391
+    }
+  }
+}

src/app/pages/known-issues/known-issues.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-known-issues',
+  standalone: true,
+  imports: [],
+  templateUrl: './known-issues.html',
+  styleUrl: './known-issues.scss'
+})
+export class KnownIssuesPage {}