First line: a one-sentence "what & when".

`Icon` renders any glyph from Aproject's lucide-style line set (24×24, 2px round strokes, `currentColor`) — use it everywhere an icon is needed so prototypes share the exact line work.

```jsx
<Icon name="Search" size={16} />
<Icon name="Check" size={14} stroke={2.6} style={{ color: 'var(--primary)' }} />
```

Notes
- `name` is required and must be one of the `IconName` union (see `Icon.d.ts`) — common ones: `Plus`, `Search`, `Folder`, `Sparkle`, `Msg`, `Paperclip`, `ArrowUp`, `Star`, `Settings`, `Globe`, `Ruler`, `Building`.
- Colour by setting `color` on the icon or a parent (fill is `currentColor`); muted icons sit at `var(--muted-foreground)`, active at `var(--primary)`.
- Bump `stroke` to 2.2–2.6 for small emphasis marks (checks, send arrows).