i18n: translate frontend UI strings to English

src/pages/MilestonesPage.tsx

@@ -38,31 +38,31 @@ export default function MilestonesPage() {
   return (
     <div className="milestones-page">
       <div className="page-header">
-        <h2>🏁 里程碑 ({milestones.length})</h2>
+        <h2>🏁 Milestones ({milestones.length})</h2>
         <button className="btn-primary" onClick={() => setShowCreate(!showCreate)}>
-          {showCreate ? '取消' : '+ 新建里程碑'}
+          {showCreate ? 'Cancel' : '+ NewMilestones'}
         </button>
       </div>
 
       <div className="filters">
         <select value={projectFilter} onChange={(e) => setProjectFilter(e.target.value)}>
-          <option value="">全部项目</option>
+          <option value="">All projects</option>
           {projects.map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}
         </select>
       </div>
 
       {showCreate && (
         <form className="inline-form" onSubmit={createMilestone}>
-          <input required placeholder="里程碑标题" value={form.title}
+          <input required placeholder="MilestonesTitle" value={form.title}
             onChange={(e) => setForm({ ...form, title: e.target.value })} />
-          <input placeholder="描述（可选）" value={form.description}
+          <input placeholder="Description (optional)" value={form.description}
             onChange={(e) => setForm({ ...form, description: e.target.value })} />
           <select value={form.project_id} onChange={(e) => setForm({ ...form, project_id: Number(e.target.value) })}>
             {projects.map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}
           </select>
           <input type="date" value={form.due_date}
             onChange={(e) => setForm({ ...form, due_date: e.target.value })} />
-          <button type="submit" className="btn-primary">创建</button>
+          <button type="submit" className="btn-primary">Create</button>
         </form>
       )}
 
@@ -73,14 +73,14 @@ export default function MilestonesPage() {
               <span className={`badge status-${ms.status === 'active' ? 'open' : 'closed'}`}>{ms.status}</span>
               <h3>{ms.title}</h3>
             </div>
-            <p className="project-desc">{ms.description || '暂无描述'}</p>
+            <p className="project-desc">{ms.description || 'No description'}</p>
             <div className="project-meta">
-              {ms.due_date && <span>截止 {dayjs(ms.due_date).format('YYYY-MM-DD')}</span>}
-              <span>创建于 {dayjs(ms.created_at).format('YYYY-MM-DD')}</span>
+              {ms.due_date && <span>Due {dayjs(ms.due_date).format('YYYY-MM-DD')}</span>}
+              <span>Created {dayjs(ms.created_at).format('YYYY-MM-DD')}</span>
             </div>
           </div>
         ))}
-        {milestones.length === 0 && <p className="empty">暂无里程碑</p>}
+        {milestones.length === 0 && <p className="empty">No milestones</p>}
       </div>
     </div>
   )