Add Epic issue type and enhance issue detail display with epic-related information

src/app/issues/issue-detail/issue-detail.html

@@ -56,12 +56,19 @@
           </select>
         </td>
       </tr>
-      <tr>
-        <th>Epic</th>
-        <td>
-          <input type="text" [(ngModel)]="issue.epic" (blur)="saveIssue()" />
-        </td>
-      </tr>
+      @if (!isEpicIssue) {
+        <tr>
+          <th>Epic</th>
+          <td>
+            <select [(ngModel)]="issue.epic" (change)="saveIssue()">
+              <option value="">-</option>
+              @for (epicIssue of epicIssues; track epicIssue.id) {
+                <option [value]="epicIssue.name">{{ epicIssue.name }}</option>
+              }
+            </select>
+          </td>
+        </tr>
+      }
       <tr>
         <th>Depend de</th>
         <td>
@@ -118,4 +125,29 @@
   </table>
 </section>
 
+@if (isEpicIssue) {
+  <section class="epic-issues-card" aria-label="Issues composant cet epic">
+    <div class="epic-issues-header">
+      <h2>Issues composant cet Epic</h2>
+      <span>{{ composedIssues.length }}</span>
+    </div>
+
+    @if (composedIssues.length === 0) {
+      <p class="epic-empty">Aucune issue ne compose encore cet Epic.</p>
+    } @else {
+      <ul class="epic-issues-list">
+        @for (composedIssue of composedIssues; track composedIssue.id) {
+          <li class="epic-issue-item">
+            <div>
+              <strong>#{{ composedIssue.id }} - {{ composedIssue.name || 'Sans nom' }}</strong>
+              <p>{{ composedIssue.type }} · {{ composedIssue.status }}</p>
+            </div>
+            <span>{{ composedIssue.assignee || 'Non assigné' }}</span>
+          </li>
+        }
+      </ul>
+    }
+  </section>
+}
+