fix(all): fix invalid types in template literal expressions (~10 instances)

Problem

Multiple packages have @typescript-eslint/restrict-template-expressions warnings where non-string types (numbers, ReactElement, etc.) are interpolated into template literals.

Antd / Bootstrap — ReactElement in template literal

• packages/{antd,bootstrap}/src/components/preset-styles/preset-styles.tsx — preset.icon is a ReactElement used in template string
• packages/bootstrap/src/components/modes/modes.tsx — mode.icon is a ReactElement used in template string

Fix: Use String() or extract a text label instead of interpolating ReactElement.

Antd / Bootstrap — Number in template literal

• packages/{antd,bootstrap}/src/components/attachments/attachments.tsx
• packages/{antd,bootstrap}/src/components/draft-mode/draft-mode.tsx
• packages/bootstrap/src/components/filters/filters.tsx

Fix: Ensure number is wrapped with String() or use ${Number} items explicitly.

Mantine — Number in template literal

• packages/mantine/src/components/watermark/watermark.tsx

Count

~10 instances.