Исправлена подсветка шаблонов, добавлен макет тестовый список, исправлены проблемы со шрифтами

- Добавлено поле template_id в модель DesignSettings
- Исправлена логика подсветки выбранного шаблона в TemplatesSelector
- Добавлен новый макет 'test-list' - полный несворачиваемый список
- Обновлены шрифты с поддержкой CSS переменных
- Создан CSS модуль для тестового списка
- Обеспечена совместимость иконок во всех макетах

frontend/linktree-frontend/src/app/constants/designTemplates.ts

@@ -358,5 +358,79 @@ export const designTemplates: DesignTemplate[] = [
         }
       `
     }
+  },
+  {
+    id: 'test-list',
+    name: 'Тестовый список',
+    description: 'Полный несворачиваемый список всех групп и ссылок',
+    preview: '/templates/test-list.jpg',
+    settings: {
+      theme_color: '#6366f1',
+      background_color: '#f8fafc',
+      font_family: "'Inter', sans-serif",
+      heading_font_family: "'Inter', sans-serif",
+      body_font_family: "'Inter', sans-serif",
+      header_text_color: '#1e293b',
+      group_text_color: '#334155',
+      link_text_color: '#475569',
+      group_description_text_color: '#64748b',
+      dashboard_layout: 'list',
+      group_overlay_enabled: false,
+      show_groups_title: true,
+      custom_css: `
+        .test-list-layout .link-group {
+          margin-bottom: 2rem;
+          border: none;
+          background: transparent;
+        }
+        .test-list-layout .group-header {
+          background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+          color: white;
+          padding: 1rem;
+          border-radius: 8px;
+          margin-bottom: 0.75rem;
+          font-weight: 600;
+          font-size: 1.125rem;
+        }
+        .test-list-layout .group-links {
+          display: flex;
+          flex-direction: column;
+          gap: 0.5rem;
+          padding: 0;
+          background: transparent;
+        }
+        .test-list-layout .link-item {
+          background: white;
+          border: 1px solid #e2e8f0;
+          border-radius: 8px;
+          padding: 0.75rem 1rem;
+          transition: all 0.2s ease;
+          display: flex;
+          align-items: center;
+          text-decoration: none;
+          color: #475569;
+        }
+        .test-list-layout .link-item:hover {
+          background: #f1f5f9;
+          border-color: #6366f1;
+          transform: translateX(4px);
+        }
+        .test-list-layout .link-icon {
+          margin-right: 0.75rem;
+          width: 20px;
+          height: 20px;
+          flex-shrink: 0;
+        }
+        .test-list-layout .link-title {
+          font-weight: 500;
+          color: #334155;
+        }
+        .test-list-layout .expandable-group {
+          /* Принудительно отключаем сворачивание */
+          .show-more-button { display: none !important; }
+          .group-links { max-height: none !important; overflow: visible !important; }
+        }
+      `
+    }
   }
 ]