chore: перевести проект на SLM-структуру и добавить SVG-спрайты

- Добавлены devDependencies: svg-sprite, postcss-preset-mantine, postcss-simple-vars, colorette
- Добавлен npm-скрипт `sprite` для генерации SVG-спрайтов
- Обновлены настройки и расширения VS Code
- Переименованы слои: entities → business, features → infrastructure, shared/ui → ui
- Обновлены шаблоны генерации (.templates) под новые слои
- Обновлены path-алиасы в tsconfig.json: убран префикс @/, добавлены алиасы по слоям
- Импорт в src/app/page.tsx переведён на алиас слоя
- Удалён postcss.config.mjs
- Добавлен скрипт scripts/create-svg-sprite.js
- Добавлены исходные SVG-иконки и сгенерированные спрайты
- Добавлен модуль src/shared/sprites/icons.generated.ts
- Добавлены глобальные стилевые токены: variables.css, media.css
- Применён медиа-токен в src/screens/home/styles/home.module.css
- Добавлен AGENTS.md с инструкциями для AI-ассистента

.templates/business/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Business } from './{{name.kebabCase}}.business'

.templates/business/{{name.kebabCase}}/types/{{name.kebabCase}}.type.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react'
+
+/**
+ * Параметры бизнес-модуля {{name.pascalCase}}.
+ */
+export type {{name.pascalCase}}BusinessParams = {}
+
+/** HTML-атрибуты корневого элемента. */
+type RootAttrs = HTMLAttributes<HTMLDivElement>
+
+export type {{name.pascalCase}}BusinessProps = RootAttrs & {{name.pascalCase}}BusinessParams

.templates/business/{{name.kebabCase}}/{{name.kebabCase}}.business.tsx

@@ -1,15 +1,15 @@
 import cl from 'clsx'
-import type { {{name.pascalCase}}EntityProps } from './types/{{name.kebabCase}}.type'
+import type { {{name.pascalCase}}BusinessProps } from './types/{{name.kebabCase}}.type'
 import styles from './styles/{{name.kebabCase}}.module.css'
 
 /**
- * <Назначение сущности {{name.pascalCase}} в 1 строке>.
+ * <Назначение бизнес-модуля {{name.pascalCase}} в 1 строке>.
  *
  * Используется для:
  *  - <сценарий 1>
  *  - <сценарий 2>
  */
-export const {{name.pascalCase}}Entity = (props: {{name.pascalCase}}EntityProps) => {
+export const {{name.pascalCase}}Business = (props: {{name.pascalCase}}BusinessProps) => {
   const { children, className, ...htmlAttr } = props
 
   return (

.templates/entity/{{name.kebabCase}}/index.ts

@@ -1 +0,0 @@
-export { {{name.pascalCase}}Entity } from './{{name.kebabCase}}.entity'

.templates/entity/{{name.kebabCase}}/types/{{name.kebabCase}}.type.ts

@@ -1,11 +0,0 @@
-import type { HTMLAttributes } from 'react'
-
-/**
- * Параметры сущности {{name.pascalCase}}.
- */
-export type {{name.pascalCase}}EntityParams = {}
-
-/** HTML-атрибуты корневого элемента. */
-type RootAttrs = HTMLAttributes<HTMLDivElement>
-
-export type {{name.pascalCase}}EntityProps = RootAttrs & {{name.pascalCase}}EntityParams

.templates/feature/{{name.kebabCase}}/index.ts

@@ -1 +0,0 @@
-export { {{name.pascalCase}}Feature } from './{{name.kebabCase}}.feature'

.templates/feature/{{name.kebabCase}}/types/{{name.kebabCase}}.type.ts

@@ -1,11 +0,0 @@
-import type { HTMLAttributes } from 'react'
-
-/**
- * Параметры фичи {{name.pascalCase}}.
- */
-export type {{name.pascalCase}}FeatureParams = {}
-
-/** HTML-атрибуты корневого элемента. */
-type RootAttrs = HTMLAttributes<HTMLDivElement>
-
-export type {{name.pascalCase}}FeatureProps = RootAttrs & {{name.pascalCase}}FeatureParams

.templates/infrastructure/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}}Infra } from './{{name.kebabCase}}.infra'

.templates/infrastructure/{{name.kebabCase}}/types/{{name.kebabCase}}.type.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react'
+
+/**
+ * Параметры инфраструктурного модуля {{name.pascalCase}}.
+ */
+export type {{name.pascalCase}}InfraParams = {}
+
+/** HTML-атрибуты корневого элемента. */
+type RootAttrs = HTMLAttributes<HTMLDivElement>
+
+export type {{name.pascalCase}}InfraProps = RootAttrs & {{name.pascalCase}}InfraParams

.templates/infrastructure/{{name.kebabCase}}/{{name.kebabCase}}.infra.tsx

@@ -0,0 +1,20 @@
+import cl from 'clsx'
+import type { {{name.pascalCase}}InfraProps } from './types/{{name.kebabCase}}.type'
+import styles from './styles/{{name.kebabCase}}.module.css'
+
+/**
+ * <Назначение инфраструктурного модуля {{name.pascalCase}} в 1 строке>.
+ *
+ * Используется для:
+ *  - <сценарий 1>
+ *  - <сценарий 2>
+ */
+export const {{name.pascalCase}}Infra = (props: {{name.pascalCase}}InfraProps) => {
+  const { children, className, ...htmlAttr } = props
+
+  return (
+    <div {...htmlAttr} className={cl(styles.root, className)}>
+      {children}
+    </div>
+  )
+}

.templates/ui/{{name.kebabCase}}/index.ts

@@ -0,0 +1 @@
+export { {{name.pascalCase}} } from './{{name.kebabCase}}.ui'

.templates/ui/{{name.kebabCase}}/styles/{{name.kebabCase}}.module.css

@@ -0,0 +1,2 @@
+.root {
+}

.templates/ui/{{name.kebabCase}}/types/{{name.kebabCase}}.type.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react'
+
+/**
+ * Параметры {{name.pascalCase}}.
+ */
+export type {{name.pascalCase}}Params = {}
+
+/** HTML-атрибуты корневого элемента. */
+type RootAttrs = HTMLAttributes<HTMLDivElement>
+
+export type {{name.pascalCase}}Props = RootAttrs & {{name.pascalCase}}Params

.templates/ui/{{name.kebabCase}}/{{name.kebabCase}}.ui.tsx

@@ -1,15 +1,15 @@
 import cl from 'clsx'
-import type { {{name.pascalCase}}FeatureProps } from './types/{{name.kebabCase}}.type'
+import type { {{name.pascalCase}}Props } from './types/{{name.kebabCase}}.type'
 import styles from './styles/{{name.kebabCase}}.module.css'
 
 /**
- * <Назначение фичи {{name.pascalCase}} в 1 строке>.
+ * <Назначение компонента {{name.pascalCase}} в 1 строке>.
  *
  * Используется для:
  *  - <сценарий 1>
  *  - <сценарий 2>
  */
-export const {{name.pascalCase}}Feature = (props: {{name.pascalCase}}FeatureProps) => {
+export const {{name.pascalCase}} = (props: {{name.pascalCase}}Props) => {
   const { children, className, ...htmlAttr } = props
 
   return (