✨ feat(vscode): React 文件照源码一块一张卡片，组件卡片只留名称、说明、构造参数

- 组件体的语句不再并进组件卡片，照源码顺序是它的子块；状态、引用、数据源、派生值、副作用、事件处理函数、渲染输出各成一张卡片，回调和函数里的语句是这些卡片下面的子卡片
- 普通变量、提前返回的 if、注释照语言默认的卡片；表格格子里只写名字和位置，去掉「改它的」「来自」格子里单独打开源码的那条路
- 用词改成书面叫法（更新位置、使用位置、计算表达式、依赖项、触发时机、清理函数、绑定事件、样式取决于……），新增 toggle-right、anchor、download、sigma、layout-template 五个种类图标
- 夹具加上 luffy 的 QueuedBubble.tsx、PlanChecklist.tsx，规格的 React 一节照新样子改写

vscode/webview-ui/src/codeReader/kindIcons.tsx

@@ -3,6 +3,7 @@ import type { CSSProperties, ReactElement } from 'react'
 import type { BlockConcept, KindIconName } from './types'
 import {
   Activity,
+  Anchor,
   Atom,
   Box,
   Braces,
@@ -12,9 +13,11 @@ import {
   CornerDownLeft,
   CornerDownRight,
   Database,
+  Download,
   Globe,
   Import,
   Layers,
+  LayoutTemplate,
   ListOrdered,
   Lock,
   MessageSquareText,
@@ -27,6 +30,7 @@ import {
   Shield,
   ShieldAlert,
   ShieldCheck,
+  Sigma,
   Signpost,
   SlidersHorizontal,
   Split,
@@ -34,6 +38,7 @@ import {
   SquareTerminal,
   Tag,
   Terminal,
+  ToggleRight,
   TriangleAlert,
   Variable,
   Zap,
@@ -76,6 +81,11 @@ export const KIND_ICON_COMPONENTS: Record<KindIconName, LucideIcon> = {
   'atom': Atom,
   'zap': Zap,
   'mouse-pointer-click': MousePointerClick,
+  'toggle-right': ToggleRight,
+  'anchor': Anchor,
+  'download': Download,
+  'sigma': Sigma,
+  'layout-template': LayoutTemplate,
 }
 
 /**