feat: remove nginx, add projects/milestones/notifications pages

- Dockerfile: replace nginx with serve for static files
- Fix auth endpoint: /auth/login → /auth/token
- Add ProjectsPage, ProjectDetailPage
- Add MilestonesPage, MilestoneDetailPage with progress bar
- Add NotificationsPage with unread count
- Sidebar: add milestones/notifications nav, live unread badge
- API: configurable VITE_API_BASE for host nginx proxy
- Types: add Milestone, MilestoneProgress, Notification, ProjectMember

src/pages/MilestoneDetailPage.tsx

@@ -0,0 +1,76 @@
+import { useState, useEffect } from 'react'
+import { useParams, useNavigate } from 'react-router-dom'
+import api from '@/services/api'
+import type { Milestone, MilestoneProgress, Issue } from '@/types'
+import dayjs from 'dayjs'
+
+export default function MilestoneDetailPage() {
+  const { id } = useParams()
+  const navigate = useNavigate()
+  const [milestone, setMilestone] = useState<Milestone | null>(null)
+  const [progress, setProgress] = useState<MilestoneProgress | null>(null)
+  const [issues, setIssues] = useState<Issue[]>([])
+
+  useEffect(() => {
+    api.get<Milestone>(`/milestones/${id}`).then(({ data }) => setMilestone(data))
+    api.get<MilestoneProgress>(`/milestones/${id}/progress`).then(({ data }) => setProgress(data)).catch(() => {})
+    api.get<Issue[]>(`/milestones/${id}/issues`).then(({ data }) => setIssues(data)).catch(() => {})
+  }, [id])
+
+  if (!milestone) return <div className="loading">加载中...</div>
+
+  return (
+    <div className="milestone-detail">
+      <button className="btn-back" onClick={() => navigate('/milestones')}>← 返回里程碑列表</button>
+
+      <div className="issue-header">
+        <h2>🏁 {milestone.title}</h2>
+        <div className="issue-meta">
+          <span className={`badge status-${milestone.status === 'active' ? 'open' : 'closed'}`}>{milestone.status}</span>
+          {milestone.due_date && <span className="text-dim">截止 {dayjs(milestone.due_date).format('YYYY-MM-DD')}</span>}
+        </div>
+      </div>
+
+      {milestone.description && (
+        <div className="section">
+          <h3>描述</h3>
+          <p>{milestone.description}</p>
+        </div>
+      )}
+
+      {progress && (
+        <div className="section">
+          <h3>进度</h3>
+          <div className="progress-bar-container">
+            <div className="progress-bar" style={{ width: `${progress.progress_percent}%` }}>
+              {progress.progress_percent.toFixed(0)}%
+            </div>
+          </div>
+          <p className="text-dim" style={{ marginTop: 8 }}>
+            {progress.completed_issues} / {progress.total_issues} issues 已完成
+          </p>
+        </div>
+      )}
+
+      <div className="section">
+        <h3>Issues ({issues.length})</h3>
+        <table>
+          <thead>
+            <tr><th>#</th><th>标题</th><th>状态</th><th>优先级</th></tr>
+          </thead>
+          <tbody>
+            {issues.map((i) => (
+              <tr key={i.id} className="clickable" onClick={() => navigate(`/issues/${i.id}`)}>
+                <td>{i.id}</td>
+                <td className="issue-title">{i.title}</td>
+                <td><span className={`badge status-${i.status}`}>{i.status}</span></td>
+                <td><span className={`badge priority-${i.priority}`}>{i.priority}</span></td>
+              </tr>
+            ))}
+            {issues.length === 0 && <tr><td colSpan={4} className="empty">暂无关联 issue</td></tr>}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  )
+}