fix(V0.2): 智能截断去尾部标点; 看板左列收窄; 项目头像三处统一

- splitTitle: 截断后用 \p{P} 去掉标题尾部连续分隔符 (原字符类重组有
  转义坑, 换 Unicode 属性类)
- 看板卡片左列 (状态点+⋯) 收窄至 14px 并负外距悬进卡片内边距
- 项目头像统一: 新增 .pavatar 基类与 projectIcon.colorOfProject,
  项目管理预览改用同配色/同圆角/居中首字, 修复灰底与文字歪斜

src/components/task/RecentProjects.jsx

@@ -1,12 +1,11 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
 import { getRecentIds, getRecentOrder, setRecentOrder } from '../../pages/task/prefs.js'
+import { colorOfProject } from '../../pages/task/projectIcon.js'
 
 // 首屏最近项目条 (T-VW-08/10)
 //   - 展示最近使用的 3 个项目 + 「更多项目」入口
 //   - 顺序: 手动排序(recentOrder)优先, 其次最近访问(recentIds), 兜底列表顺序
 //   - 长按卡片 300ms 进入拖拽态, 水平拖动实时换位, 松手持久化(设备端)
-const COLORS = ['#1677ff', '#00b578', '#ff8f1f', '#a855f7', '#14b8a6', '#f43f9e']
-const colorOf = (id) => COLORS[Math.abs(id) % COLORS.length]
 const LONG_PRESS = 300
 const MOVE_TOLERANCE = 8
 
@@ -127,7 +126,7 @@ export default function RecentProjects({ projects, currentId, onSelect, onMore }
               className="rp-ico"
               style={p.icon
                 ? { background: `url(${p.icon}) center/cover no-repeat` }
-                : { background: colorOf(p.id) }}
+                : { background: colorOfProject(p) }}
             >
               {p.icon ? '' : (p.name || '?').slice(0, 1)}
             </div>