feat: svg-icons registrator service and component (#DS-2890)

[sk8knut]

• svg loader
• svg registrator
• svg-icon component
• svg-icon-item component
• svg-icon-button component
• dev examples for all new components (svg-icon)

[github-actions]

Visit the preview URL for this PR (updated for commit e8f65c4):

https://koobiq-next--prs-373-umpssow4.web.app

_{(expires Sun, 03 Nov 2024 07:45:30 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: c9e37e518febda70d0317d07e8ceb35ac43c534c}

[sk8knut]

Изучив популярные библиотеки пришел к выводу, что имеется два основных подхода: Lucide и Material.
Описание подхода Lucide:

• импорт

- использование

Описание подхода Material:

• импорт

- использование

Тут я добавлю импорт и использование Kendo

чтобы нам использовать подход Lucide, нужно будет настроить экспорты всех иконок из @koobik/icons, импортить конкретные иконки в компонентах и добавлять в регистратор, дальше использовать по имени в компененте

чтобы нам использовать подход Material, нужно настроить директорию ассетов svg иконок и добавлять их в регистратор по имени (url к иконке будет строиться из пути к ассетам + ее название)

[sk8knut]

Можно использовать такой подход:
https://dev.to/elasticrash/using-custom-made-svg-icons-through-the-angular-material-library-2pif

у нас есть файл @koobiq/icons/info/kbq-icons-info.json - из него можно взять все названия иконок и сопоставить с путями к свг файлам в папке @koobiq/icons/svg и зарегистрировать по этим именам в регистраторе, подгружаться же они будут только когда используются в компоненте