feat(icons): migrate icon usage to the new dees-icon API and integrate collaboration sidebar into the editor

readme.hints.md

@@ -0,0 +1,31 @@
+# Development Hints for @signature.digital/catalog
+
+## dees-icon Usage
+
+**Important**: Use the `.icon` property, NOT `.iconFA` (deprecated).
+
+### Format
+```html
+<dees-icon .icon=${'prefix:IconName'}></dees-icon>
+```
+
+### Lucide Icons (PascalCase)
+Lucide icons use **PascalCase** names:
+- `lucide:CheckCircle` ✓
+- `lucide:UserPlus` ✓
+- `lucide:PenTool` ✓
+- `lucide:Mail` ✓
+- `lucide:Users` ✓
+
+**Wrong formats**:
+- `lucide:check-circle` ✗ (kebab-case doesn't work)
+- `lucide:userPlus` ✗ (camelCase doesn't work)
+
+### FontAwesome Icons (camelCase)
+FontAwesome icons use **camelCase** names:
+- `fa:arrowRight`
+- `fa:magnifyingGlass`
+- `fa:penToSquare`
+
+### Documentation
+See: https://code.foss.global/design.estate/dees-catalog/src/branch/main/readme.icons.md