chore(atomic): migrate atomic-icon

[y-lakhdar]

Atomic Icon Component Specification

📝 Requirements

The atomic-icon component should display an SVG icon with a 1:1 aspect ratio.

• Fetches and displays SVG icons from URLs.
• Supports icons from the Atomic package using the assets:// prefix or any other custom location defined by the user.
• Renders inline SVG strings.
• Validates and sanitizes SVG content to prevent XSS attacks.
• Handles fetch errors gracefully.

♿ Accessibility

• The component is hidden from assistive technologies using aria-hidden="true".

⚡ Performance & Security

• Async fetching to avoid UI blocking.
• Sanitization via DOMPurify to prevent XSS.

⚠️ Risks and Challenges

• Ensuring the security of fetched and inline SVG content (due to the unsafeSVG method).
• Handling network errors and providing fallback mechanisms.

---

✅ Checklist

• 🧪 The component is unit tested
• N/A 🧪 The component includes E2E tests (i don't think E2E are relevant to the icon component as all use cases are covered by UTs)
• ♿ The component complies with the Web Content Accessibility Guidelines.
• 📦 The Lit component is exported in the appropriate index.ts and lazy-index.ts files.
• 🎨 CSS parts are documented still accessible.

https://coveord.atlassian.net/browse/KIT-3948